view mode toggle

1 files changed, 16 insertions, 4 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 5265035..9d76b15 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -40,10 +40,10 @@ header {
   justify-content: flex-start;
 }
 .paramGroup {
-  background: rgba(255,255,255,0.2);
   padding-right: 10px;
 }
 .paramGroup.inactive {
+  background: rgba(255,255,255,0);
   opacity: 0.4;
 }
 .paramGroup > label {
@@ -53,8 +53,9 @@ header {
   align-items: center;
   padding: 2px 0;
   margin-bottom: 3px;
+  min-height: 22px;
 }
-.paramGroup h3 {
+.params h3 {
   margin: 0; padding: 0;
 }
 .slider {
@@ -68,14 +69,25 @@ header {
 .slider input[type=text]:focus {
   border: 1px solid #ddd; background: white;
 }
-.slider {
+.param {
   display: flex;
   flex-direction: row;
+  align-items: center;
 }
-.slider > label {
+.param > label {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   width: 120px;
   text-align: right;
 }
+.select.param > label {
+  width: 200px;
+}
+.select select {
+  margin-right: 5px;
+}
+.param > label span {
+  white-space: nowrap;
+}