feat: started working on responsiveness

frontend/src/Interviews/Helpers.elm

@@ -76,13 +76,13 @@ interviewTitle interview =
 
 socialMaker : Interview -> Element msg
 socialMaker interview =
-    row
+    paragraph
         (paragraphBoldFormat
             ++ [ F.size 18
                , spacing 5
                ]
         )
-        [ text "Social:"
+        [ text "Social: "
         , paragraphLinkFormat
             { url = interview.interviewSocial
             , label = transitionHighlightedLinkHover <| text (formatInterviewSocial interview.interviewSocial)
@@ -92,12 +92,12 @@ socialMaker interview =
 
 appearanceTitle : Interview -> Element msg
 appearanceTitle interview =
-    row
+    paragraph
         (paragraphBoldFormat
             ++ [ F.size 18
                ]
         )
-        [ text "Appearances:" ]
+        [ text "Appearances: " ]
 
 
 appearanceMaker : Interview -> Element msg
@@ -156,7 +156,7 @@ episodeMaker appearanceEntry =
     paragraphLinkFormat
         { url = appearanceEntry.appearanceLink
         , label =
-            row
+            paragraph
                 [ F.size 18
                 ]
                 [ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle)
@@ -265,18 +265,18 @@ dateMaker appearanceEntry =
 
 subjectMaker : Appearance -> Element msg
 subjectMaker appearanceEntry =
-    row paragraphBoldFormat
+    paragraph paragraphBoldFormat
         [ column
             [ alignTop
             ]
-            [ text "Subjects:"
+            [ text "Subjects: "
             ]
         ]
 
 
 subjectList : Appearance -> Element msg
 subjectList appearanceEntry =
-    column
+    paragraph
         [ spacing 8
         , width fill
         , paddingEach
@@ -294,7 +294,7 @@ subjectList appearanceEntry =
 
 makeSubject : Subjects -> Element msg
 makeSubject subjects =
-    column
+    paragraph
         [ E.width fill
         , alignLeft
         , paddingEach