Make quantity-adjust buttons bigger

alexisdiaz008 · Apr 18, 2015 · 165f2d1 · 165f2d1
1 parent 909894c
commit 165f2d1
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/css/main.css b/css/main.css
@@ -266,19 +266,19 @@ div.button div.cooldown {
 }
 
 .upManyBtn, .dnManyBtn {
-	right: -11px;
+	right: -15px;
 }
 
 .upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled {
 	cursor: default;
 }
 
 .upBtn {
-	top: -2px;
+	top: -3px;
 }
 
 .upManyBtn {
-	top: -2px;
+	top: -3px;
 }
 
 .upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before {
@@ -320,22 +320,28 @@ div.button div.cooldown {
 	top: 4px;
 }
 
-.upBtn:after, .dnBtn:after {
-	border-width: 3px;
+/* Overall size of buttons controlled by this style 
+   border-width and margin-left should be the same. */
+.upBtn:before, .dnBtn:before, .upManyBtn:before, .dnManyBtn:before {
+	border-width: 6px;
 	left: 50%;
-	margin-left: -3px;
+	margin-left: -6px;
 }
 
-.upBtn:before, .dnBtn:before, .upManyBtn:before, .dnManyBtn:before {
-	border-width: 5px;
+/* Thickness of up/down button lines controlled by this style.
+   border-width and margin-left should be the same.
+   Thickness = :before.border-width minus :after.border-width */
+.upBtn:after, .dnBtn:after {
+	border-width: 4px;
 	left: 50%;
-	margin-left: -5px;
+	margin-left: -4px;
 }
 
+/* See comment on .upBtn:after, .dnBtn:after */
 .upManyBtn:after, .dnManyBtn:after {
-	border-width: 2px;
+	border-width: 3px;
 	left: 50%;
-	margin-left: -2px;
+	margin-left: -3px;
 }
 
 .dnBtn:after, .dnManyBtn:after {