Improve plugin and form styling
Change-Id: I1820fbaab41e60129ea64a054c62691e6fe489b9
diff --git a/dev/scss/base/form.scss b/dev/scss/base/form.scss
index 6fc75dc..b91348f 100644
--- a/dev/scss/base/form.scss
+++ b/dev/scss/base/form.scss
@@ -8,11 +8,16 @@
.form-table {
display: block;
padding: 0;
+ font-size: 80%;
+ > fieldset {
+ margin-top: 0;
+ }
+
fieldset {
border-width: 0;
padding: 0;
- margin: 0;
+ margin-top: 1em;
> div {
white-space: nowrap;
}
@@ -27,7 +32,7 @@
label,
input[type=radio] {
- font-size: 80%;
+ // font-size: 80%;
}
label[for] {
@@ -41,6 +46,28 @@
margin-top: 2em;
}
+ fieldset.form-line {
+ legend {
+ // float: left;
+ font-size: 100%;
+ display: inline-block;
+ }
+ legend::after {
+ content: ':';
+ color: $ids-green-2;
+ }
+ input, label[for] {
+ display: inline-block;
+ margin: 0;
+ }
+ input {
+ vertical-align: bottom;
+ }
+ label[for] {
+ margin-right: 2em;
+ }
+ }
+
input,
textarea,
button,
@@ -92,7 +119,7 @@
text-align: center;
background-color: $middle-green;
border-color: $dark-green;
- font-size: 8pt;
+ // font-size: 8pt;
color: $dark-green;
}
diff --git a/dev/scss/plugin.scss b/dev/scss/plugin.scss
index 9961f50..1111e1e 100644
--- a/dev/scss/plugin.scss
+++ b/dev/scss/plugin.scss
@@ -1 +1,20 @@
@import "base/base";
+
+body {
+ margin: 0;
+ padding: 0;
+ h1 {
+ font-size: 110%;
+ background-color: $ids-orange-1;
+ color: white;
+ margin-top: 0;
+ padding: $base-padding;
+ }
+ section {
+ padding-left: $base-padding;
+ &::before{
+ content:'';
+ }
+ padding-bottom: $base-padding;
+ }
+}
\ No newline at end of file