aboutsummaryrefslogtreecommitdiff
path: root/qc_app/static/css
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2022-07-08 10:39:19 +0300
committerFrederick Muriuki Muriithi2022-07-19 04:59:59 +0300
commit3038c5166aad408d7255f83668b78d635878d3d3 (patch)
treed9384464a1f3c92b50db747346e74cfbc8396119 /qc_app/static/css
parent7a3a54ec40fac9071a513487602957f8418f163e (diff)
downloadgn-uploader-3038c5166aad408d7255f83668b78d635878d3d3.tar.gz
Implement select study
Implement the select study UI
Diffstat (limited to 'qc_app/static/css')
-rw-r--r--qc_app/static/css/styles.css8
-rw-r--r--qc_app/static/css/two-column-with-separator.css27
2 files changed, 34 insertions, 1 deletions
diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index d27952a..a42ffb0 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -117,10 +117,16 @@ fieldset {
.form-col-2 {
grid-column: 2 / 3;
- width: 20%;
}
input[disabled="true"],input[disabled="disabled"] {
border-color: #878787;
background-color: #A9A9A9;
}
+
+form legend {
+ padding-left: 3em;
+ text-transform: capitalize;
+ font-weight: bolder;
+ line-height: 2em;
+}
diff --git a/qc_app/static/css/two-column-with-separator.css b/qc_app/static/css/two-column-with-separator.css
new file mode 100644
index 0000000..b6efd46
--- /dev/null
+++ b/qc_app/static/css/two-column-with-separator.css
@@ -0,0 +1,27 @@
+.two-column-with-separator {
+ display: grid;
+ grid-template-columns: 9fr 1fr 9fr;
+}
+
+.two-col-sep-col1 {
+ grid-column: 1 / 2;
+}
+
+.two-col-sep-separator {
+ grid-column: 2 / 3;
+ text-align: center;
+ color: #FE3535;
+ font-weight: bolder;
+}
+
+.two-col-sep-col2 {
+ grid-column: 3 / 4;
+}
+
+.two-col-sep-col1, .two-col-sep-col2 {
+ border-style: solid;
+ border-color: #FE3535;
+ border-width: 1px;
+ border-radius: 2em;
+ padding: 2em 3em 2em 3em;
+}