From 594f19e0572fe7c02b72f012b5894614c7e93555 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Wed, 21 Aug 2013 16:20:07 -0400
Subject: [PATCH] fixes dividers to not use % width

Former-commit-id: 1967ec715fadec0f294fbe208e4f38a09317570a
Former-commit-id: 30a13e514c5e56baba124a0f4f149d54c6283651
---
 build/uncompressed/elements/divider.css       | 19 +++++++------------
 .../components/semantic/elements/divider.css  | 19 +++++++------------
 src/elements/divider.less                     | 19 +++++++------------
 3 files changed, 21 insertions(+), 36 deletions(-)

diff --git a/build/uncompressed/elements/divider.css b/build/uncompressed/elements/divider.css
index 15e9796d2..d94cf5cad 100644
--- a/build/uncompressed/elements/divider.css
+++ b/build/uncompressed/elements/divider.css
@@ -80,9 +80,9 @@
   position: relative;
   top: 0%;
   left: 0%;
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
   line-height: 1;
 }
@@ -91,7 +91,7 @@
   position: absolute;
   content: " ";
   z-index: 3;
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -99,22 +99,17 @@
 }
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 /*--------------
-    Icon
+      Icon
 ---------------*/
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;
diff --git a/node/src/files/components/semantic/elements/divider.css b/node/src/files/components/semantic/elements/divider.css
index 15e9796d2..d94cf5cad 100644
--- a/node/src/files/components/semantic/elements/divider.css
+++ b/node/src/files/components/semantic/elements/divider.css
@@ -80,9 +80,9 @@
   position: relative;
   top: 0%;
   left: 0%;
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
   line-height: 1;
 }
@@ -91,7 +91,7 @@
   position: absolute;
   content: " ";
   z-index: 3;
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -99,22 +99,17 @@
 }
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 /*--------------
-    Icon
+      Icon
 ---------------*/
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;
diff --git a/src/elements/divider.less b/src/elements/divider.less
index 30368fad0..099e5432c 100755
--- a/src/elements/divider.less
+++ b/src/elements/divider.less
@@ -105,9 +105,9 @@
   top: 0%;
   left: 0%;
 
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
 
   line-height: 1;
@@ -120,7 +120,7 @@
   content: " ";
   z-index: 3;
 
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
 
@@ -130,24 +130,19 @@
 
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 
 /*--------------
-    Icon
+      Icon
 ---------------*/
 
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;