From cf9caa1a660f10fa6365de0bce882864ea0f54b4 Mon Sep 17 00:00:00 2001
From: Nick <nickjhiebert@proton.me>
Date: Mon, 16 Dec 2024 01:57:02 -0600
Subject: [PATCH] feat: added article

---
 frontend/src/Config/Helpers/Markdown.elm | 40 +++++++++++++++---------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/frontend/src/Config/Helpers/Markdown.elm b/frontend/src/Config/Helpers/Markdown.elm
index 922ca7c..8d052e5 100644
--- a/frontend/src/Config/Helpers/Markdown.elm
+++ b/frontend/src/Config/Helpers/Markdown.elm
@@ -38,10 +38,19 @@ articleImage pic =
         , width fill
         ]
     <|
-        image
-            [ width fill
+        column
+            [ E.paddingEach
+                { top = 20
+                , bottom = 20
+                , left = 20
+                , right = 20
+                }
+            ]
+            [ image
+                [ width fill
+                ]
+                { src = "/blog/" ++ pic ++ ".png", description = "" }
             ]
-            { src = "/blog/" ++ pic ++ ".png", description = "" }
 
 
 renderDeviceMarkdown : String -> Element msg
@@ -51,13 +60,7 @@ renderDeviceMarkdown markdown =
             column
                 [ width fill
                 , centerX
-                , spacing 8
-                , paddingEach
-                    { top = 10
-                    , bottom = 0
-                    , left = 0
-                    , right = 0
-                    }
+                , spacing 10
                 ]
                 renderedMarkdown
 
@@ -138,14 +141,23 @@ elmUiRenderer =
                             ]
 
                 Nothing ->
-                    el [] <|
+                    el
+                        [ width fill ]
+                    <|
                         column
-                            [ width fill
-                            , E.centerX
+                            [ E.centerX
+                            , E.centerY
+                            , width fill
+                            , E.paddingEach
+                                { top = 0
+                                , bottom = 10
+                                , left = 10
+                                , right = 10
+                                }
                             ]
                             [ E.image
                                 [ E.centerX
-                                , width <| px 600
+                                , width (fill |> maximum 600)
                                 ]
                                 { src = image.src
                                 , description = image.alt