make custom component for input with label

[angular-drzb] / app / css / app.css

diff --git a/app/css/app.css b/app/css/app.css
index c925240..d43f67c 100644 (file)
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -28,3 +28,65 @@
   content: "";
   padding: 0;
 }
+
+
+/* validation hints */
+
+input.ng-invalid-required {
+       border: 1px solid red;
+}
+input.ng-valid-required {
+       border: 1px solid green;
+}
+
+.left {
+       clear: both;
+       display: block;
+       margin-bottom: 0.5em;
+}
+
+/* my-input */
+
+div.my-input {
+       float: left;
+       margin-right: 0.5em;
+       margin-bottom: 0.5em;
+}
+
+div.my-input input,
+div.my-input textarea,
+div.my-input label {
+       display: block;
+}
+
+div.w1 input {
+       clear: both;
+       width: 60em;
+}
+
+div.w2 input {
+       width: 29.75em; /* 60 / 2 - 0.5 */
+}
+
+div.w3 input {
+       width: 19.5em; /* 60 - 3 * 0.5 / 3 */
+}
+
+div.w4 input {
+       width: 14.5em; /* 60 - 4 * 0.5 / 4 */
+}
+
+h1, h2, h3 {
+       clear: both;
+}
+
+div.persons {
+       display: block;
+       float: left;
+}
+
+div.persons a {
+       margin-top: 1em;
+       float: left;
+}
+