1 files changed, 42 insertions, 14 deletions

diff --git a/src/App.scss b/src/App.scss
index 5c14c17b..431aeb32 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -29,6 +29,15 @@ a {
     text-decoration: none;
 }
 
+button{
+    border: none;
+    border-radius: 5px;
+
+    &:hover {
+        background-color: white;
+    }
+}
+
 .container {
     display: flex;
     flex-wrap: wrap;
@@ -63,7 +72,7 @@ nav {
         padding-right: 20px;
         display: flex;
         align-items: center;
-        flex-basis: 920px;
+        flex-basis: 970px;
         margin: auto;
         height: 50px;
         background-repeat: no-repeat;
@@ -99,10 +108,10 @@ main-router {
 .panel-heading {
     border-radius: 0.5em 0.5em 0 0;
     background-size: cover;
-    padding-top: 0.3em;
-    padding-bottom: 0.3em;
+    padding: 0.6em 0;
     text-align: center;
     font-size: 1.3em;
+    line-height: 24px;
 }
 
 .panel-footer {
@@ -110,6 +119,7 @@ main-router {
 }
 
 .panel-body > p {
+	line-height: 18px;
     padding: 1em;
     margin: 0;
 }
@@ -117,7 +127,7 @@ main-router {
 
 #content {
     margin: auto;
-    max-width: 920px;
+    max-width: 980px;
     border-radius: 1em;
     padding-bottom: 1em;
     background-color: rgba(0,0,0,0.1);
@@ -125,7 +135,7 @@ main-router {
 
 .media-body {
     flex: 1;
-    padding-left: 0.3em;
+    padding-left: 0.5em;
 }
 
 .container > * {
@@ -133,28 +143,37 @@ main-router {
 }
 
 .user-info {
+	color: white;
     padding: 1em;
     img {
-        border: 3px solid;
+        border: 2px solid;
         border-radius: 0.5em
     }
-
+	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+	.user-name{
+		margin-top: 0.2em;
+	}
     .user-screen-name {
+        margin-top: 0.3em;
         font-weight: lighter;
+        padding-right: 0.1em;
     }
 }
 
 .user-counts {
     display: flex;
-    padding: 1em 1em 0em 1em;
+    line-height:16px;
+    padding: 1em 1.5em 0em 1em;
+    text-align: center;
 }
 
 .user-count {
     flex: 1;
 
     h5 {
-        font-weight: lighter;
-        margin: 0;
+    	font-size:1em;
+        font-weight: bolder;
+        margin: 0 0 0.25em;
     }
 }
 
@@ -196,7 +215,7 @@ status-text-container {
     }
 
     .retweet-info {
-        padding: 0.3em;
+        padding: 0.7em 0 0 0.6em;
 
         .media-left {
             display: flex;
@@ -214,6 +233,7 @@ status-text-container {
         small {
             font-weight: lighter;
         }
+        margin-bottom: 0.3em;
     }
 }
 nav {
@@ -228,13 +248,13 @@ nav {
 }
 
 .main {
-    flex: 2;
-    flex-basis: 500px;
+    flex: 1;
+    flex-basis: 65%;
 }
 
 .sidebar {
     flex: 1;
-    flex-basis: 300px;
+    flex-basis: 35%;
 }
 
 .mobile-shown {
@@ -261,6 +281,14 @@ nav {
     .panel-switcher {
         display: flex;
     }
+
+    .container {
+        padding: 0 0 0 0;
+    }
+
+    .panel {
+        margin: 0.5em 0 0.5em 0;
+    }
 }
 
 .item.right {