#39 howdidyourvisitgopage styled

InFact-coop · Dec 8, 2017 · 5678238 · 5678238
1 parent a8d9aec
commit 5678238
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 17 deletions.
diff --git a/src/css/_custom.css b/src/css/_custom.css
@@ -13,14 +13,8 @@ button {
   font-family: var(--sans-serif);
 }
 
-.startVisit {
-  border: 2px solid var(--brand-orange);
-  border-radius: 2rem;
-}
-
 .prevVisits {
   border: 2px solid var(--brand-pink);
-  border-radius: 2rem;
 }
 
 .brand {
@@ -58,13 +52,16 @@ button {
 }
 
 /*REBE's Changes*/
-.endVisit {
-  border: 2px solid #FFFFFF;
+.b-orange {
+  border: 2px solid var(--brand-orange);
 
 }
+.finish {
+    border: 2px solid #FFFFFF;
+}
 
 .br1 {
-  border-radius: 1.5rem;
+  border-radius: 2rem;
 }
 
 .w8 {
@@ -84,4 +81,9 @@ button {
   padding-top:12rem;
 }
 
+.h3 {
+  height: 3rem;
+}
+
+
 /*MAVIS' Changes*/
diff --git a/src/elm/Routes/Home.elm b/src/elm/Routes/Home.elm
@@ -12,7 +12,7 @@ home model =
         [ img [ class "center pt5 logo h5 ma0", src "./assets/logo_whole.png" ] []
         , p [ class "tc center brand f3" ] [ text "supporting our volunteers" ]
         , section [ class "center ma0 mt2 pt2" ]
-            [ button [ class "w8 h8 ma3 brand bg-white center db f3 startVisit", onClick StartVisit ] [ text "Start my visit" ]
-            , a [ href "#previousVisitsOverviewPage", class "link" ] [ button [ class "w8 h8 ma3 brand-pink bg-white center db f3 prevVisits" ] [ text "Go to visits" ] ]
+            [ button [ class "br1 w8 h8 ma3 brand bg-white center db f3 b-orange", onClick StartVisit ] [ text "Start my visit" ]
+            , a [ href "#previousVisitsOverviewPage", class "link" ] [ button [ class "br1 w8 h8 ma3 brand-pink bg-white center db f3 prevVisits" ] [ text "Go to visits" ] ]
             ]
         ]
diff --git a/src/elm/Routes/StopVisitPage.elm b/src/elm/Routes/StopVisitPage.elm
@@ -8,11 +8,15 @@ import Model exposing (..)
 
 stopVisitPage : Model -> Html Msg
 stopVisitPage model =
-    div [ class "w-60-ns center" ]
-        [ h1 [ class "tc f1" ] [ text "Great! How did you visit go?" ]
-        , section []
-            [ a [ href "#audioMessagePage", class "pa2 link dim" ] [ text "record Audio" ]
-            , a [ href "#textMessagePage", class "pa2 link dim" ] [ text "write message" ]
+    div [ class "brand w-60-ns center" ]
+        [ p [ class "tc f3 pa4" ] [ text "Great! How did you visit go?" ]
+        , section [ class "flex justify-center pa2" ]
+            [ a [ href "#audioMessagePage", class "tc ma2 link dim dib f4" ]
+                [ img [ src "./assets/mic.svg" ] [], p [ class "brand" ] [ text "record Audio" ] ]
+            , a [ href "#textMessagePage", class "tc ma2 link dim dib f4" ]
+                [ img [ src "./assets/write.svg" ] [], p [ class "brand" ] [ text "write message" ] ]
+            ]
+        , section [ class "pa4 flex justify-center" ]
+            [ button [ class "tc ma0 center brand bg-white h3 w5 b br1 b-orange f4", onClick FinishFeedback ] [ text "Finish" ]
             ]
-        , button [ onClick FinishFeedback ] [ text "Finish" ]
         ]