Changeset cc4ff05 in OpenWorkouts-current

Timestamp:

Dec 17, 2018, 9:37:07 PM (5 years ago)

Author:

borja <borja@…>

Branches:

current, feature/docs, master

Children:

208da8b

Parents:

f7abb54

Message:

Added more basic form styling to forms.css:

• Added styles for a flex-based container to show several inputs inline

• Added styles for smaller/shorter inputs (numbers, date/time values)

File:

• ow/static/css/forms.css (modified) (2 diffs)

ow/static/css/forms.css

@@ -146 +146 @@
 }
 
+.ow-forms input.number {
+    /* width up to three characters */
+    width: 3em;
+}
+
+.ow-forms input.date {
+    /* width up to 10 characters */
+    width: 7em;
+}
+
+.ow-forms input.time {
+    /* width up to 6 characters */
+    width: 5em;
+}
+
 .ow-forms input:focus {
     border-color: #333333;
@@ -161 +176 @@
     margin-bottom:.25em
 }
+
+.ow-forms div.input-container {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    align-items: center;
+}