From a2953595a5315706554f726f4d5da4a0035eece5 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Fri, 1 Apr 2016 10:23:39 +1300
Subject: [PATCH] Tweak spinbox fields for large values

---
 examples/html/edit-style.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index b8c8e8db77..52f194cc20 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -233,12 +233,14 @@ input[type="number"] {
     width: 120px;
 }
 
+input[type=number] {
+    padding-right: 6px;
+}
 input[type=number]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     opacity: 1.0;
     display: block;
     position: relative;
-    left: 5px;
     width: 10px;
     overflow: hidden;
     color: #afafaf;
@@ -251,12 +253,12 @@ input[type=number]::-webkit-inner-spin-button:after {
     left: -21px;
     font-family:hifi-glyphs;
     text-align: center;
-    font-size: 52px;
+    font-size: 50px;
     line-height: 8px;
 }
 input[type=number]::-webkit-inner-spin-button:before {
     content: "6";
-    top: 6px;
+    top: 5px;
 }
 input[type=number]::-webkit-inner-spin-button:after {
     content: "5";
@@ -271,6 +273,7 @@ input.no-spin::-webkit-inner-spin-button {
     display: none;
     -webkit-appearance: none;
     margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+    padding-right: 12px;
 }
 
 input[type=button] {
@@ -643,7 +646,7 @@ div.refresh input[type="button"] {
     padding-left: 65px;
 }
 .xyz .tuple input {
-    padding-left: 30px;
+    padding-left: 25px;
 }
 .pyr .tuple input {
     padding-left: 45px;