More styling.

schedule/src/Views/DayPicker.elm

@@ -15,7 +15,6 @@ import Date exposing (Date)
 
 import Html exposing (Html, text, a, div)
 import Html.Attributes exposing (class, classList, href, id)
-import Html.Events exposing (onClick)
 import Date.Extra
 
 
@@ -38,7 +37,13 @@ dayPicker model =
                 Nothing ->
                     True
     in
-        div [ class "row" ]
+        div
+            [ classList
+                [ ( "row", True )
+                , ( "sticky", True )
+                ]
+            , id "daypicker"
+            ]
             [ div [ id "schedule-days", class "btn-group" ]
                 ([ a
                     [ classList

schedule/src/Views/FilterView.elm

@@ -62,6 +62,7 @@ filterSidebar model =
             , ( "col-sm-push-9", True )
             , ( "schedule-sidebar", True )
             , ( "schedule-filter", True )
+            , ( "sticky", True )
             ]
         ]
         [ h4 [] [ text "Filter" ]

src/static_src/css/bornhack.css

@@ -157,8 +157,8 @@ footer {
 .event-in-overview {
     min-height: 100px;
     margin: 5px;
-    width: 200px;
+    width: 220px;
-    max-width: 200px;
+    max-width: 225px;
     min-width: 200px;
 }
 
@@ -234,6 +234,20 @@ footer {
   }
 }
 
+.schedule-sidebar {
+  top: 120px;
+}
+
+.sticky {
+  position: sticky;
+  background-color: #fff;
+  z-index: 9999;
+}
+
+#daypicker {
+  top: 80px;
+}
+
 #schedule-days {
   list-style: none;
   padding: 0;