Adjust size of label toggle for small screens

[vchess.git] / client / src / App.vue

diff --git a/client/src/App.vue b/client/src/App.vue
index 311abb0..28e9c54 100644 (file)
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -82,18 +82,17 @@ export default {
 </script>
 
 <style lang="sass">
-//html, *
-//  font-family: "Open Sans", Arial, sans-serif
-//  --back-color: #f2f2f2
-//  --a-link-color: black
-//  --a-visited-color: black
+html, *
+  font-family: "Open Sans", Arial, sans-serif
+  --back-color: #f2f2f2
+  --a-link-color: black
+  --a-visited-color: black
 
 body
   padding: 0
   min-width: 320px
 
 #app
-  font-family: "Avenir", Helvetica, Arial, sans-serif
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
 
@@ -196,6 +195,9 @@ nav
 @media screen and (max-width: 767px)
   nav
     border: none
+    & > label.drawer-toggle
+      font-size: 1.5rem
+      //padding: 0 0 0 10px
 
 [type="checkbox"].drawer+*
   right: -767px