fixes row width

Former-commit-id: bd5a07ce74
Former-commit-id: b28a6eed2a

src/collections/grid.css

@@ -27,47 +27,6 @@
   box-sizing: border-box;
 }
 
-@media only screen and (max-width : 1000px) {
-  .ui.responsive.grid {
-    padding: 0% 5%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
-}
-@media only screen and (min-width : 1000px) {
-  .ui.responsive.grid {
-    padding: 0% 12.5%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
-}
-@media only screen and (min-width : 1500px) {
-  .ui.responsive.grid {
-    padding: 0% 15%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
-}
-@media only screen and (min-width : 1750px) {
-  .ui.responsive.grid {
-    padding: 0% 23%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
-}
-@media only screen and (min-width : 2000px) {
-  .ui.responsive.grid {
-    padding: 0% 27%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
-}
-
 /*-------------------
        Columns
 --------------------*/
@@ -102,6 +61,11 @@
          Rows
 --------------------*/
 
+.ui.grid > .row {
+  display: block;
+  width: 100%;
+}
+
 .ui.grid > .row {
   padding-top: 2.55%;
 }
@@ -116,6 +80,57 @@
 
 
 
+/*-------------------
+      Responsive
+--------------------*/
+
+
+@media only screen and (max-width : 1000px) {
+  .ui.responsive.grid {
+    padding: 0% 5%;
+  }
+  .ui.responsive.grid > .column,
+  .ui.responsive.grid > .row > .column {
+  }
+}
+@media only screen and (min-width : 1000px) {
+  .ui.responsive.grid {
+    padding: 0% 5%;
+  }
+  .ui.responsive.grid > .column,
+  .ui.responsive.grid > .row > .column {
+  }
+}
+@media only screen and (min-width : 1500px) {
+  .ui.responsive.grid {
+    padding: 0% 10%;
+  }
+  .ui.responsive.grid > .column,
+  .ui.responsive.grid > .row > .column {
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.responsive.grid {
+    padding: 0% 20%;
+  }
+  .ui.responsive.grid > .column,
+  .ui.responsive.grid > .row > .column {
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.responsive.grid {
+    padding: 0% 27%;
+  }
+  .ui.responsive.grid > .column,
+  .ui.responsive.grid > .row > .column {
+  }
+}
+
+/*-------------------
+    Column Width
+--------------------*/
+
+
 /* Sizing Combinations */
 .ui.grid .one.wide.column {
   width: 8.3333%;

src/elements/label.css

@@ -54,7 +54,7 @@ a.ui.label {
   display: inline-block;
   font-size: 0.9em;
   margin-left: 0.5em;
-  opacity: 0.8;
+  opacity: 0.6;
 }
 .ui.label .icon.close {
   cursor: pointer;