input item enhancements

src/App.vue

@@ -67,76 +67,76 @@ export default defineComponent({
 
 <style lang="scss">
 
-  html, body {
-    margin: 0;
-    padding: 0;
-    background-color: #EBEBEB;
-  }
+html, body {
+  margin: 0;
+  padding: 0;
+  background-color: #EBEBEB;
+}
 
-  #app {
-    font-family: "SF Pro Text";
+#app {
+  font-family: "SF Pro Text";
 
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 
-    height: 100vh;
-    width: 100vw;
+  height: 100vh;
+  width: 100vw;
 
-    border-radius: 15px;
-   }
+  border-radius: 15px;
+ }
 
-  .titlebar {
-    position: fixed;
+.titlebar {
+  position: fixed;
 
-    width: 100vw;
-    height: 54px;
+  width: 100vw;
+  height: 54px;
 
-    opacity: 0.75;
+  opacity: 0.75;
 
-    background-color: #EBEBEB;
+  background-color: #EBEBEB;
 
-    -webkit-user-select: none;
-    -webkit-app-region: drag;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
 
-    border: none;
-    outline: none;
+  border: none;
+  outline: none;
 
-    z-index: 1;
+  z-index: 1;
 
-  }
+}
 
-  .menu {
-    position: fixed;
-    margin-left: 20px;
-    margin-top: 20px;
+.menu {
+  position: fixed;
+  margin-left: 20px;
+  margin-top: 20px;
 
-    z-index: 2;
+  z-index: 2;
 
-  }
+}
 
-  .menuButton {
-    border: none;
-    outline:none;
-    min-width: 14px;
-    min-height: 14px;
-    border-radius: 7px;
-  }
+.menuButton {
+  border: none;
+  outline:none;
+  min-width: 14px;
+  min-height: 14px;
+  border-radius: 7px;
+}
 
-  .exitButton {
-    background-color: #FF6157;
-  }
+.exitButton {
+  background-color: #FF6157;
+}
 
-  .exitButton:active {
-    background: #c14645;
-  }
+.exitButton:active {
+  background: #c14645;
+}
 
-  .minimizeButton {
-    background-color: #FFC12F;
-    margin-left: 8px;
-  }
+.minimizeButton {
+  background-color: #FFC12F;
+  margin-left: 8px;
+}
 
-  .minimizeButton:active {
-    background-color: #c08e38;
-  }
+.minimizeButton:active {
+  background-color: #c08e38;
+}
 
 </style>