bigger inspector corner, nice mouseover cursors

src/index.css

@@ -56,10 +56,6 @@ a {
   user-select: text;
   -webkit-app-region: drag;
   z-index: 1000;
-  /*border-bottom: black 1px solid;*/
-  /*background: linear-gradient(#3f3f3f 0%, #343434 100%);*/
-  /*background-color: #363636;*/
-  /*background-color: rgba(0, 0, 0, 0.4);*/
 }
 #view-buttons-bar button {
   background-color: rgba(255, 255, 255, 0.07);
@@ -123,11 +119,15 @@ a {
   width: 210px;
   pointer-events: none;
 }
-
-#device-tools {
+#device-inspector{
   position: absolute;
+  bottom: 0px;
+  width: 100%;
+}
+#device-tools {
+ /* position: absolute;
   bottom: 210px;
-  left: 0px;
+  left: 0px;*/
   width: 100%;
   height: 30px;
   padding-right: 10px;
@@ -142,10 +142,7 @@ a {
 }
 
 #device-settings {
-  position: absolute;
-  left: 0px;
-  bottom: 0px;
-  height: 200px;
+  height: 300px;
   padding: 5px;
   color: white;
   font-weight: 300;
@@ -165,7 +162,7 @@ a {
   display: none;
 }
 #device-settings h3 {
-  padding-top: 20px;
+  padding-top: 90px;
   text-align: center;
   font-weight: 300;
 }
@@ -220,6 +217,7 @@ input {
   color: #fff;
   font-size: 16px;
   font-weight: 500;
+  cursor: text;
 }
 select {
   display: block;
@@ -250,6 +248,7 @@ input[type='checkbox'] {
   width: 14px;
   padding: 2px;
   -webkit-appearance: none;
+  cursor: default;
 }
 input[type='checkbox']:checked {
   background-color: #616064;
@@ -267,6 +266,10 @@ input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
+input:disabled{
+  color: gray;
+  cursor: not-allowed;
+}
 button,
 select.button {
   box-sizing: content-box;