Centered traffic lights & disabled text selection for indicator (#36)

* Disallow text selection within indicator

* Fix size of menu

* More spacing within text element

* Make traffic lights inset

app/css/hyperterm.css

@@ -43,6 +43,12 @@ header {
   display: block;
 }
 
+.resize-indicator,
+.update-indicator {
+  cursor: default;
+  -webkit-user-select: none;
+}
+
 .resize-indicator {
   color: #fff;
   font: 11px Menlo;

app/css/tabs.css

@@ -4,8 +4,8 @@ nav {
   "Segoe UI", "Roboto", "Oxygen",
   "Ubuntu", "Cantarell", "Fira Sans",
   "Droid Sans", "Helvetica Neue", sans-serif;
-  height: 28px;
+  height: 37px;
-  line-height: 28px;
+  line-height: 37px;
   vertical-align: middle;
   color: #9B9B9B;
   cursor: default;
@@ -19,13 +19,13 @@ nav {
 
 .tabs {
   border-bottom: 1px solid #333;
-  max-height: 28px;
+  max-height: 37px;
   display: flex;
   flex-flow: row;
 }
 
 .tabs li:first-child {
-  margin-left: 70px;
+  margin-left: 76px;
 }
 
 .tabs li {

app/hyperterm.js

@@ -12,8 +12,8 @@ export default class HyperTerm extends Component {
     this.state = {
       cols: null,
       rows: null,
-      hpadding: 10,
+      hpadding: 12,
-      vpadding: 5,
+      vpadding: 19,
       sessions: [],
       titles: {},
       urls: {},

index.js

@@ -42,7 +42,7 @@ app.on('ready', () => {
     let win = new BrowserWindow({
       width: 540,
       height: 380,
-      titleBarStyle: 'hidden',
+      titleBarStyle: 'hidden-inset',
       title: 'HyperTerm',
       backgroundColor: config.getConfig().backgroundColor || '#000',
       transparent: true,