diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index 1f943f4..1d5ae7d 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -63,6 +63,11 @@
         padding-left: 0.5em;
       }
 
+      #header [mode='memories'] b:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
+
       #breadcrumb {
         padding: 0.5em;
       }
@@ -83,7 +88,7 @@
       }
 
       #pages > div > div {
-        margin: 0.5em;
+        padding: 0.5em;
         cursor: pointer;
       }
 
@@ -212,6 +217,11 @@
         };
       }
 
+      div:focus {
+        font-weight: bold;
+        outline: none;
+      }
+
       calendar-element {
         font-size: 0.8em;
       }
@@ -266,6 +276,7 @@
             </div>
             <calendar-element 
               id="calendar"
+              tabindex
               min="2016-01-01"
               max="2016-12-31"
               date="{{date}}"></calendar-element>
@@ -276,10 +287,10 @@
           </div>
           <div id="albums" class="flex layout vertical">
             <template is="dom-repeat" items="[[breadcrumb(path)]]">
-              <div on-tap="loadPath">[[item.name]] /</div>
+              <div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
             </template>
             <template is="dom-repeat" items="[[albums.children]]">
-              <div on-tap="loadPath">[[item.name]]</div>
+              <div tabindex="0" on-tap="loadPath">[[item.name]]</div>
             </template>
           </div>
         </iron-pages>
@@ -291,11 +302,11 @@
             <iron-pages attr-for-selected="mode" selected="[[mode]]">
               <div mode="albums" id="breadcrumb" class="horizontal layout center">
                 <template is="dom-repeat" items="[[breadcrumb(path)]]">
-                  <div on-tap="loadPath">[[item.name]] /</div>
+                  <div tabindex="0" on-tap="loadPath">[[item.name]] /</div>
                 </template>
               </div>
               <div mode="time">time</div>
-              <div mode="memories">Photos taken on <b>[[memoryDate]]</b></div>
+              <div mode="memories">Photos taken on <b on-tap="drawerToggle">[[memoryDate]]</b></div>
             </iron-pages>
         </div>
         </app-header>
@@ -456,6 +467,11 @@
             if (window.innerWidth >= 800) {
               this.$.drawer.persistent = true;
             }
+            if (this.mode == "memories") {
+              this.async(function() {
+                this.$.calendar.$.days.focus();
+              }, 100);
+            }
           }
         },