Adjust design of shortcuts dialog

Kristan Kenney · Kristan Kenney · commit c230216bc380 · 2020-03-10T23:23:29.000-03:00
diff --git a/install/deb/themes/dark.css b/install/deb/themes/dark.css
@@ -1121,7 +1121,14 @@ form#vstobjects .alert {
 }
 
 .app-form {
-  padding:2em 1em 2em 1em;
+  padding: 2em 1em 2em 9rem;
+}
+
+.app-form label {
+  font-size: 0.85rem;
+  padding-bottom: 3px;
+  font-weight: 600;
+  cursor: default;
 }
 
 .card {
@@ -3519,7 +3526,7 @@ form#vstobjects.suspended {
 }
 
 .shortcuts {
-  background: rgba(45,45,45 0.95);
+  background: rgba(30,30,30,0.95);
   display: inline-block;
   position: fixed;
   left: 50%;
@@ -3533,13 +3540,13 @@ form#vstobjects.suspended {
   transform: translate(-50%, 0);
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
-  box-shadow: 0px 3px 40px rgba(0,0,0,0.6);
-  line-height: 1rem;
+  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
+  line-height: 0.9rem;
   cursor: default;
 }
 
 .shortcuts .header {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #353535;
   height: 43px;
 }
 
diff --git a/web/css/styles.min.css b/web/css/styles.min.css
@@ -1123,13 +1123,14 @@ form#vstobjects .alert {
 }
 
 .app-form {
-  padding: 2em 1em 2em 9em;
+  padding: 2em 1em 2em 9rem;
 }
 
 .app-form label {
   font-size: 0.85rem;
   padding-bottom: 3px;
   font-weight: 600;
+  cursor: default;
 }
 
 .card {
@@ -3492,7 +3493,7 @@ form#vstobjects.suspended {
 }
 
 .shortcuts {
-  background: rgba(20, 20, 20, 0.92);
+  background: rgba(50,50,50,0.93);
   display: inline-block;
   position: fixed;
   left: 50%;
@@ -3506,13 +3507,13 @@ form#vstobjects.suspended {
   transform: translate(-50%, 0);
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
-  box-shadow: 0px 3px 40px rgba(0,0,0,0.6);
-  line-height: 1rem;
+  box-shadow: 0px 4px 30px rgba(0,0,0,0.5);
+  line-height: 0.9rem;
   cursor: default;
 }
 
 .shortcuts .header {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #606060;
   height: 43px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1123,13 +1123,14 @@ form#vstobjects .alert {`
`1123`	`1123`	`}`
`1124`	`1124`
`1125`	`1125`	`.app-form {`
`1126`		`- padding: 2em 1em 2em 9em;`
	`1126`	`+ padding: 2em 1em 2em 9rem;`
`1127`	`1127`	`}`
`1128`	`1128`
`1129`	`1129`	`.app-form label {`
`1130`	`1130`	`font-size: 0.85rem;`
`1131`	`1131`	`padding-bottom: 3px;`
`1132`	`1132`	`font-weight: 600;`
	`1133`	`+ cursor: default;`
`1133`	`1134`	`}`
`1134`	`1135`
`1135`	`1136`	`.card {`
`@@ -3492,7 +3493,7 @@ form#vstobjects.suspended {`
`3492`	`3493`	`}`
`3493`	`3494`
`3494`	`3495`	`.shortcuts {`
`3495`		`- background: rgba(20, 20, 20, 0.92);`
	`3496`	`+ background: rgba(50,50,50,0.93);`
`3496`	`3497`	`display: inline-block;`
`3497`	`3498`	`position: fixed;`
`3498`	`3499`	`left: 50%;`
`@@ -3506,13 +3507,13 @@ form#vstobjects.suspended {`
`3506`	`3507`	`transform: translate(-50%, 0);`
`3507`	`3508`	`border-top-left-radius: 6px;`
`3508`	`3509`	`border-top-right-radius: 6px;`
`3509`		`- box-shadow: 0px 3px 40px rgba(0,0,0,0.6);`
`3510`		`- line-height: 1rem;`
	`3510`	`+ box-shadow: 0px 4px 30px rgba(0,0,0,0.5);`
	`3511`	`+ line-height: 0.9rem;`
`3511`	`3512`	`cursor: default;`
`3512`	`3513`	`}`
`3513`	`3514`
`3514`	`3515`	`.shortcuts .header {`
`3515`		`- border-bottom: 1px solid #333;`
	`3516`	`+ border-bottom: 1px solid #606060;`
`3516`	`3517`	`height: 43px;`
`3517`	`3518`	`}`
`3518`	`3519`