From 4803dfd424361e51ae42165db22a596c443d1e8a Mon Sep 17 00:00:00 2001
From: Jack Lukic <jack@quirky.com>
Date: Thu, 9 May 2013 17:04:21 -0400
Subject: [PATCH] fixes row width

Former-commit-id: bd5a07ce7435b449a3f06fd6e62742bdb01753b5
Former-commit-id: b28a6eed2a670faa591ed533162cd115deae651f
---
 src/collections/grid.css | 97 +++++++++++++++++++++++-----------------
 src/elements/label.css   |  2 +-
 2 files changed, 57 insertions(+), 42 deletions(-)

diff --git a/src/collections/grid.css b/src/collections/grid.css
index 4c9185815..84ce8519f 100755
--- a/src/collections/grid.css
+++ b/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%;
diff --git a/src/elements/label.css b/src/elements/label.css
index 926f3a209..ca2374091 100755
--- a/src/elements/label.css
+++ b/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;