UI changes 101

css/app.css

@@ -100,26 +100,23 @@ body {
 }
 ul {
     list-style-type: none;
-    margin: 0;
+    margin-left: -60px;
     padding: 0
+    margin-top:-20px;
 }
 li {
     float: left;
     margin: 0;
     padding: 26px 50px;
     text-align: center;
 }
-li div {
-    /*margin: 1.125em 0*/
-}
+
 h2 {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     margin: -15px 0 9px;
     font-size: 17px;
     color: #77bf90;
     text-transform: uppercase;
-    /* text-shadow: 0 1px 1px #5f5f5f; */
-
     float: left;
     width: 35%;
     text-align: left;
@@ -182,7 +179,7 @@ input[type="checkbox"]:checked+label span {
     left: 28px;
 }
 .arrow {
-    position: relative;
+    position: fixed;
     padding: 12px 0;
     background: transparent;
 }
@@ -193,15 +190,15 @@ input[type="checkbox"]:checked+label span {
     border-width: 0 8px 12px 8px;
     border-style: solid;
     border-color: transparent transparent black transparent;
-    position: absolute;
+    position: fixed;
     top: 0px;
     left: 50%;
     transform: translateX(-50%);
 }
 .darwin.page {
-    border-radius: 5px;
+/*    border-radius: 5px;
     box-shadow: 0 5px 24px rgba(0, 0, 0, 0.7);
-    overflow: hidden;
+    overflow: hidden;*/
 }
 .icon {
     float: left;

index.js

@@ -3,8 +3,8 @@ const menubar = require('menubar')
 const {Menu} = require('electron')
 
 const mb = menubar({transparent: true,
-  width: 330,
-  height: 500,
+  width: 300,
+  height: 530,
   icon: path.join(__dirname, '/img/Icon.png')
 })