From 23a5e2c8dc2cbbf1ce55c22f80519824e413b883 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Thu, 7 Jul 2022 09:24:29 +0300
Subject: Provide selection for GeneChips

The GeneChipId value is required for the data being inserted, so this
commit provides the UI to enable selection of the chip.
---
 qc_app/static/css/styles.css | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

(limited to 'qc_app/static/css')

diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index 4d0fa8c..922924c 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -1,3 +1,7 @@
+* {
+    box-sizing: border-box;
+}
+
 label, legend {
     text-transform: capitalize;
 }
@@ -57,14 +61,11 @@ fieldset {
 
 table {
     border-collapse: collapse;
-}
-
-.reports-table {
     border: 1px solid;
     border-color: #336699;
 }
 
-.reports-table thead {
+table thead {
     color: #FEFEFE;
     background-color: #336699;
     border-width: 0 1px 0 1px;
@@ -72,12 +73,12 @@ table {
     border-color:  #336699;
 }
 
-.reports-table thead tr th {
+table thead tr th {
     text-transform: capitalize;
 }
 
-.reports-table th,td {
-    border-width: 0 1px 0 1px;
+table th,td {
+    border-width: 0 1px 1px 1px;
     border-style: solid;
     border-color:  #336699;
     padding: 0 0.3em 0.3em 0.3em;
@@ -102,10 +103,6 @@ table {
     border-radius: 1em;
 }
 
-form {
-    width: 30%;
-}
-
 fieldset {
     border-style: none;
     display: grid;
@@ -117,6 +114,12 @@ label {
     grid-column: 1 / 2;
 }
 
-input,select,button {
+fieldset input,select,button {
     grid-column: 2 / 3;
+    width: 20%;
+}
+
+input[disabled="true"],input[disabled="disabled"] {
+    border-color: #878787;
+    background-color: #A9A9A9;
 }
-- 
cgit v1.2.3