From 463932da28ff4d6bcf1f7648da527acf62b415c1 Mon Sep 17 00:00:00 2001
From: Justin Cruz <digikid13@gmail.com>
Date: Mon, 1 Sep 2014 21:25:00 -0400
Subject: [PATCH] (bug) test fix for button div width, and some styling

---
 client/app/main/main.css  | 9 +++++++--
 client/app/main/main.html | 8 ++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/app/main/main.css b/client/app/main/main.css
index e66a52a..797347f 100644
--- a/client/app/main/main.css
+++ b/client/app/main/main.css
@@ -59,8 +59,12 @@
     margin: auto;
 }
 
+#filter-buttons {
+    text-align: center;
+}
+
 #buttons {
-    width: 231px;
+    display: inline-block;
     margin: auto;
 }
 
@@ -93,9 +97,10 @@
     border-bottom-right-radius: 5px;
     top: -45px;
     position: relative;
-    width: 101px;
+    width: 90px;
     margin: auto;
     background-color: white;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
 }
 
 .cont-media {
diff --git a/client/app/main/main.html b/client/app/main/main.html
index e25d1aa..a1cbec7 100644
--- a/client/app/main/main.html
+++ b/client/app/main/main.html
@@ -21,9 +21,9 @@ <h1>Social Search</h1>
 
 <div id="filter-buttons">
   <div id="buttons">
-    <button ng-click="updateFilter('twitter')" id="twitter-button" type="button" class="btn btn-default active">Twitter</button>
-    <button ng-click="updateFilter('instagram')" id="instagram-button" type="button" class="btn btn-default active">Instagram</button>
-    <button ng-click="updateFilter('reddit')" id="reddit-button" type="button" class="btn btn-default active">Reddit</button>
+    <button ng-click="updateFilter('twitter')" id="twitter-button" type="button" class="btn btn-default active"><b>Twitter</b></button>
+    <button ng-click="updateFilter('instagram')" id="instagram-button" type="button" class="btn btn-default active"><b>Instagram</b></button>
+    <button ng-click="updateFilter('reddit')" id="reddit-button" type="button" class="btn btn-default active"><b>Reddit</b></button>
   </div>
 </div>
 
@@ -33,7 +33,7 @@ <h1>Social Search</h1>
 
 <div id="loading">
   <div id="loading-text">
-    . . . Loading . . .
+    <b>. . Loading . .</b>
   </div>
 </div>