diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index b925b1b..a362c13 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -89,11 +89,17 @@
         padding: 0.5em;
       }
 
+      #loading,
       #bottom {
         margin-top: 3em;
         padding-bottom: 1em;
       }
 
+      #loading paper-spinner,
+      #bottom paper-spinner, {
+        padding-bottom: 1em;
+      }
+
       #albums {
         overflow-y: scroll;
       }
@@ -134,6 +140,7 @@
       }
 
       #yearSlider {
+        display: none;
         margin-top: 0.5em;
         position: fixed;
         display: block;
@@ -147,6 +154,7 @@
         text-align: center;
         transition: opacity 0.5s ease-in-out;
         -webkit-transition: opacity 0.5s ease-in-out;
+	pointer-events: none;
       }
       
       #pager {
@@ -427,10 +435,10 @@
         </iron-pages>
       </app-header-layout>
     </app-drawer-layout>
-    <div id="pager">pager</div>
+    <div id="pager"></div>
     <div id="yearSlider">
       <template is="dom-repeat" items="[[years]]">
-        <div>item</div>
+        <div>[[item]]</div>
       </template>
     </div>
     <paper-dialog id="requestAccess" with-backdrop>