form styling

1 files changed, 32 insertions, 3 deletions

diff --git a/frontend/app/views/graph/graph.css b/frontend/app/views/graph/graph.css
index bfdbe5c..171bb38 100644
--- a/frontend/app/views/graph/graph.css
+++ b/frontend/app/views/graph/graph.css
@@ -69,6 +69,9 @@
   justify-content: flex-start;
   align-items: center;
 }
+.box form label.checkbox.short span {
+  padding: 0.125rem 0;
+}
 .box form input[type="checkbox"] {
   margin-left: 0rem;
 }
@@ -104,6 +107,9 @@
   padding: 0.25rem;
   margin-right: 0;
 }
+.box .single .select {
+  width: 9.25rem;
+}
 .box .selects label {
   flex-direction: row;
   width: 6.5rem;
@@ -114,9 +120,9 @@
   padding: 0.25rem;
 }
 
-.box form .single label span,
-.box form .pair label span {
-  min-width: 3rem;
+.box form .single label span {
+  min-width: auto;
+  width: 4.25rem;
   padding: 0.25rem 0;
 }
 .box .single label {
@@ -125,6 +131,11 @@
   margin-right: 0.5px;
   min-width: auto;
 }
+
+.box form .pair label span {
+  min-width: 3rem;
+  padding: 0.25rem 0;
+}
 .box .pair label {
   flex-direction: row;
   width: 6.5rem;
@@ -134,10 +145,28 @@
 .box .pair input[type=text] {
   width: 3rem;
 }
+
+.box form .single_text label span {
+  min-width: auto;
+  width: 6rem;
+  padding: 0.25rem 0;
+}
+.box .single_text input[type=text] {
+  width: 7rem;
+}
+.box .single_text label {
+  flex-direction: row;
+  justify-content: space-between;
+  width: 100%;
+  margin-right: 0.5px;
+  min-width: auto;
+}
+
 .box .position {
   font-size: smaller;
   margin-bottom: 0.25rem;
 }
+
 button.box_corner {
   position: absolute;
   top: 1.25rem; right: 1.25rem;