12 #21 styled the searchbar

InFact-coop · Dec 13, 2017 · 296d836 · 296d836
1 parent 83ce052
commit 296d836
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/css/_custom.css b/src/css/_custom.css
@@ -32,4 +32,9 @@ button {
 .h6 {
   height:25rem;
 }
+
+.b-input {
+  border: solid 2px var(--blue);
+  border-radius: 0.25rem;
+}
 /*finish*/
diff --git a/src/elm/Routes/PreviousOverviewPage.elm b/src/elm/Routes/PreviousOverviewPage.elm
@@ -9,9 +9,9 @@ import Types exposing (..)
 previousOverviewPage : Model -> Html Msg
 previousOverviewPage model =
     div [ class "w-60-ns center" ]
-        [ h2 [ class "center f3" ] [ text "CG Interactions" ]
-        , p [] [ text "search by name, tags or organisation" ]
-        , input [ class "pa2 ma2", onInput SetSearchInput, value model.searchInput ] []
+        [ h2 [ class "blue center f3 db tc" ] [ text "CG Interactions" ]
+        , p [ class "blue center db tc" ] [ text "search by name, tags or organisation" ]
+        , input [ class "center db b-input pa2 ma2", onInput SetSearchInput, value model.searchInput, placeholder "search" ] []
         , section
             []
             (interactionContent