refs #132 Set default font and height in App

src/renderer/App.vue

@@ -17,6 +17,17 @@
 </script>
 
 <style lang="scss">
+body { font-family: 'Noto Sans', sans-serif; }
+
+html, body, #app, #global_header {
+  height: 100%;
+  margin: 0;
+}
+
+p {
+  margin: 8px 0;
+}
+
 .clearfix:after {
   content:" ";
   display:block;

src/renderer/components/Authorize.vue

@@ -50,18 +50,12 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
-body { font-family: 'Noto Sans', 'Source Sans Pro', sans-serif; }
+#authorize /deep/ {
-
-html, body, #app, #authorize {
-  height: 100%;
-  margin: 0;
-}
-
-#authorize {
   background-color: #292f3f;
   color: #ffffff;
   text-align: center;
+  min-height: 100%;
 
   .close {
     text-align: right;

src/renderer/components/GlobalHeader.vue

@@ -63,19 +63,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
-body { font-family: 'Noto Sans', sans-serif; }
+#global_header /deep/ {
-
-html, body, #app, #global_header {
-  height: 100%;
-  margin: 0;
-}
-
-p {
-  margin: 8px 0;
-}
-
-#global_header {
   .account-menu {
     height: 100%;
     position: fixed;

src/renderer/components/Login.vue

@@ -30,15 +30,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
-body { font-family: 'Noto Sans', 'Source Sans Pro', sans-serif; }
+#login /deep/ {
-
-html, body, #app {
-  height: 100%;
-  margin: 0;
-}
-
-#login {
   background-color: #292f3f;
   color: #ffffff;
   text-align: center;

src/renderer/components/Preferences/Account.vue

@@ -1,6 +1,6 @@
 <template>
 <div id="account">
-  account
+  <h2>Account</h2>
 </div>
 </template>