many small fixes

button.scss

@@ -31,10 +31,6 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
     &:hover, &:focus {
         background: var(--button-colored-background-hover);
     }
-
-    i {
-        margin: 0 .5rem 0 0;
-    }
 }
 
 button.save, .button.save, input[type="submit"].save {

form.scss

@@ -13,7 +13,7 @@ form {
     }
 
     label {
-        font-size: 1rem;
+        font-size: .9rem;
         color: rgba(0, 0, 0, 80);
     }
 

grid.scss

@@ -11,6 +11,16 @@
     flex-wrap: wrap;
 }
 
+.col-simple {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    .row {
+        flex: 1 1 auto;
+    }
+}
+
 .col {
     box-sizing: border-box;
     display: flex;

input.scss

@@ -1,7 +1,13 @@
+input, select, textarea, .textarea, option {
+    font-family: var(--font-family);
+    font-weight: 300;
+}
+
 input, select, textarea, .textarea {
     border: 1px solid var(--input-border);
 
     &.undecorated {
+        padding: 0;
         border: none;
         background: transparent;
         resize: none;
@@ -264,15 +270,12 @@ input[type="file"] {
 }
 
 input::placeholder {
+    font-family: 'FontAwesome', serif;
     color: var(--input-icon-color);
     opacity: 0.5;
 }
 
-input::placeholder {
+textarea:invalid, input:invalid {
-    font-family: 'FontAwesome', serif;
-}
-
-input:invalid {
     transition: all 0.5s;
     border-color: #f00;
 

portlet.scss

@@ -31,6 +31,10 @@
     .portlet-body > h2 {
         border-bottom: 1px solid #ebedf2;
     }
+
+    .portlet-separator {
+        border-bottom: 1px solid #ebedf2;
+    }
 }
 
 .plain-portlet {

table.scss

@@ -67,7 +67,7 @@ table.default {
     overflow-x: auto;
 
     tbody {
-        :not(.tag) > .fa {
+        .order-up, .order-down, .remove-form, .update-form, .save-form {
             color: var(--button-colored-background);
         }
     }

tests/app/tags.php

@@ -4,7 +4,7 @@
             <div class="portlet-body">
                 <span class="tag">Test Tag</span>
                 <span class="tag"><i class="fa fa-lightbulb-o"></i>Test Tag</span>
-                <span class="tag"><i class="fa fa-times"></i><i class="fa fa-lightbulb-o"></i>Test Tag</span>
+                <span class="tag"><i class="fa fa-times close"></i><i class="fa fa-lightbulb-o"></i>Test Tag</span>
             </div>
         </section>
     </div>