fixed: buttons overflow on mobile

Author: warpdesign

index.html

@@ -14,6 +14,21 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-deep_purple.min.css">
     <style type="text/css">
+        @media only screen and (min-device-width : 320px) and (max-device-width : 480px)  {
+            .mdl-navigation.controls {
+                scale: .7;
+            }
+
+            .mdl-layout__header-row>* {
+                flex-shrink: 1;
+            }
+            
+            .mdl-layout__header-row>.mdl-layout-title {
+                font-size: 1em;
+                white-space:nowrap;
+            }
+        }
+
         input[type="file"] {
             visibility: hidden;
             width: 0;