Move sidebar to the bottom on mobile

- Hide photoview header text on smaller screens

ui/src/Layout.js

@@ -28,6 +28,17 @@ const SideMenu = styled.div`
   width: 80px;
   left: 0;
   padding-top: 70px;
+
+  @media (max-width: 1000px) {
+    width: 100%;
+    height: 80px;
+    position: fixed;
+    background: white;
+    z-index: 10;
+    padding-top: 0;
+    display: flex;
+    bottom: 0;
+  }
 `
 
 const Content = styled.div`

ui/src/components/header/Header.js

@@ -21,6 +21,15 @@ const Title = styled.h1`
   font-weight: 400;
   padding: 2px 12px;
   flex-grow: 1;
+  min-width: 245px;
+
+  @media (max-width: 400px) {
+    min-width: auto;
+
+    & span {
+      display: none;
+    }
+  }
 `
 
 const Logo = styled.img`