#12 making contactdetails page closer to the invision prototype

InFact-coop · Dec 13, 2017 · 4292359 · 4292359
1 parent 3fa4f8a
commit 4292359
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/src/elm/Components/Navbar.elm b/src/elm/Components/Navbar.elm
@@ -7,13 +7,13 @@ import Types exposing (..)
 
 navbar : Model -> Html Msg
 navbar model =
-    ul [ class "dib ma0 bg-green w-100 pa2" ]
+    ul [ class "dn dib ma0 bg-green w-100 pa2" ]
         navbarContent
 
 
 navbarLink : String -> Html Msg
 navbarLink linkStr =
-    li [ class "list dib ma3" ] [ a [ class "link dim white b", href ("/#" ++ linkStr) ] [ text linkStr ] ]
+    li [ class "list dib ma3" ] [ a [ class "dn link dim white b", href ("/#" ++ linkStr) ] [ text linkStr ] ]
 
 
 navbarContent : List (Html Msg)

diff --git a/src/elm/Routes/PreviousDetailPage.elm b/src/elm/Routes/PreviousDetailPage.elm
@@ -21,11 +21,27 @@ previousDetailPage model =
         interactionAudioHtml =
             case model.liveInteraction.notes.audioUrl of
                 audioUrl ->
-                    div [ class "flex v-mid bb bw2 b--black-10" ] [ img [ class "ma3 br-100", src "./assets/svg's_icons/hear_rec.svg" ] [], audio [ class "mv3 pa3", controls True, id "audio", src audioUrl ] [] ]
+                    audio [ class " mv3 pa3", controls True, id "audio", src audioUrl ] []
     in
         div [ class "w-60-ns center brand tc" ]
-            [ div [ class "w-100 tl pa2 flex bg-near-white bb b--black-10 v-mid" ] [ img [ class "pa3 h2", src "./assets/svg's_icons/see_conn.svg" ] [], h2 [ class "pl3" ] [ text model.liveInteraction.name ] ]
-            , div [ class "w-100 tl ph4 pv0 ma0 flex b justify-between bg-near-white bb f6" ] [ p [ class "ph2 pv0" ] [ text "01/03/2018" ], p [ class "ph2 pv0" ] [] ]
-            , interactionTextHtml
+            [ div [ class "w-100 tl pa2 bg-near-white bb b--black-10 v-mid" ]
+                [ img [ class "pa3 h2", src "./assets/png's/icon.png" ] []
+                , h2 [ class "pl3" ] [ text model.liveInteraction.name ]
+                ]
+            , div [ class "interactionDetailsImage" ]
+                [ img [ class "ma3 br-100", src "./assets/svg's_icons/hear_rec.svg" ] [ interactionAudioHtml ]
+                , img [] []
+                , img [] []
+                , img [] []
+                ]
+            , div [ class "w-100 bb" ]
+                [ h3 [] [ text "Date and time" ]
+                , p [ class "ph2 pv0" ] [ text "Met on Aug 3rd, 2017 at 6pm" ]
+                , p [ class "ph2 pv0" ] [ text "at New Town Hall, GL8 9JDF" ]
+                ]
             , interactionAudioHtml
+            , div []
+                [ h3 [] [ text "Notes" ]
+                , interactionTextHtml
+                ]
             ]