From 36acf29d86b29f9f81b0bd8b1d5e5c14452e4633 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 8 Oct 2013 14:16:01 -0400
Subject: [PATCH] Fixes #195 issue with icon mobile display

---
 node/src/files/stylesheets/semantic.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css
index 14985a5c0..0944810dd 100755
--- a/node/src/files/stylesheets/semantic.css
+++ b/node/src/files/stylesheets/semantic.css
@@ -574,7 +574,7 @@ a:hover {
 }
 #example .icon.example .grid .column {
   opacity: 0.8;
-  margin-bottom: 4%;
+  margin-bottom: 2em;
   text-align: center;
   color: #888888;
 
@@ -1159,6 +1159,7 @@ body.progress .ui.progress .bar {
   transform-style: preserve-3d;
 }
 
+
 @media only screen and (max-width : 1725px) {
   #example .container {
     width: auto;
@@ -1282,6 +1283,15 @@ body.progress .ui.progress .bar {
     width: 170px;
   }
 }
+
+
+@media only screen and (max-width : 600px) {
+  #example .icon.example .grid .column {
+    width: 33.33%;
+  }
+}
+
+
 @media only screen and (max-width : 600px) {
   #example .main.menu .borderless.item {
     display: none;