DevTools: Update styles for sensors drawer panel

third_party/WebKit/Source/devtools/front_end/emulation/sensors.css

 /*
  * Copyright (c) 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .sensors-view {
     padding: 12px;
+    display: block;
+    overflow: auto;
 }
 
 .sensors-view label {
     margin-bottom: 10px;
 }
 
 .sensors-view input {
     text-align: right;
     width: 80px;
 }
 
-.sensors-view input[type=text]:not(.error-input):enabled:focus,
+.sensors-view input:not(.error-input):enabled:focus,
 .sensors-view select:enabled:focus {
     border-color: rgb(77, 144, 254);
     outline: none;
 }
 
-.sensors-view input[type=text],
+.sensors-view input,
 .sensors-view select {
     border: 1px solid #bfbfbf;
     border-radius: 2px;
     box-sizing: border-box;
     color: #444;
     font: inherit;
     border-width: 1px;
+    text-align: left;
 }
 
-.sensors-view input[type=text] {
-    margin-left: 3px;
+.sensors-view input {
     min-height: 2em;
     padding: 3px;
+    width: 100%;
+    max-width: 128px;
+    margin: -5px 10px 0px 0px;
+    text-align: end;
 }
 
 .sensors-view input[readonly] {
     background-color: rgb(235, 235, 228);
 }
 
 .sensors-view fieldset {
     border: none;
-    padding: 0 0 5px 15px;
+    padding: 10px 0px;
     flex: 0 0 auto;
 }
 
 .sensors-view fieldset[disabled] {
     opacity: 0.5;
 }
 
 .sensors-view .field-error-message {
     display: none;
 }
 
-.sensors-view input[type='text']:focus::-webkit-input-placeholder {
+.sensors-view input:focus::-webkit-input-placeholder {
     color: transparent !important;
 }
 
+.sensors-view .chrome-select {
+    max-width: 200px;
+    width: 100%;
+}
+
+.sensors-group-title {
+    width: 100px;
+    line-height: 24px;
+}
+
+.sensors-group {
+    display: flex;
+}
+
+.geo-fields {
+    flex: 2 0 200px;
+}
+
+.latlong-group {
+    display: flex;
+    margin-bottom: 10px;
+}
+
+.latlong-title {
+    width: 70px;
+}
+
 /* Accelerometer */
 
 .accelerometer-stage {
     -webkit-perspective: 700px;
     -webkit-perspective-origin: 50% 50%;
     width: 200px;
     height: 130px;
 }
 
 fieldset.device-orientation-override-section[disabled] .accelerometer-stage {
     cursor: default !important;
 }
 
 .accelerometer-box {
     pointer-events:none;
     margin-top: -54px;
     margin-left: -40px;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 80px;
     height: 108px;
     -webkit-transform-style: preserve-3d;
 }
 
+.accelerometer-box.smooth-transition {
+    transition: 0.2s ease transform;
+}
+
 .accelerometer-box section {
     margin-top: -54px;
     margin-left: -40px;
     position: absolute;
     display: block;
     overflow: hidden;
     top: 50%;
     left: 50%;
     -webkit-transform-style: flat;
     -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
@@ skipping 41 matching lines @@
     width: 20px;
     height: 107px;
     background-color: #7992CB;
     transform: rotateY(-90deg) translate3d(0, 0, 10px);
 }
 
 .accelerometer-axis-input-container {
     margin-bottom: 10px;
 }
 
+.accelerometer-axis-input-container input {
+    max-width: 80px;
+}
+
+.accelerometer-reset-button {
+    min-width: 80px;
+}
+
 fieldset.device-orientation-override-section {
     display: flex;
+    margin-left: -3px;
 }
 
 .touch-label {
     margin-top: 10px;
 }
 
 .touch-label select {
     margin-left: 10px;
 }
+
+.panel-section-separator {
+    height: 2px;
+    margin-bottom: 12px;
+    background: #f1f1f1;
+}