From 29bf70b76faadfaa44d81cb53e989009c906b31c Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Fri, 30 Jan 2015 11:43:10 -1000
Subject: [PATCH] Shrink more styles

Shrink font and image size
Shrink converation avatars
Shrink fab
---
 stylesheets/_conversation.scss | 12 +++++-------
 stylesheets/_index.scss        | 20 ++++++++++++--------
 stylesheets/manifest.css       | 30 ++++++++++++++++--------------
 3 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index db4edb11..2acff7b7 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -26,7 +26,7 @@ button {
 }
 
 .timestamp {
-  font-size: 12px;
+  font-size: smaller;
 }
 
 .entry.delivered .timestamp::after {
@@ -138,12 +138,10 @@ button {
     max-width: 100%;
   }
   img.avatar {
-    height: 54px;
-    width: 54px;
-    // delete next 2 lines
-    box-sizing: border-box;
-    border: (54px / 2) $grey_l solid;
-    border-radius: (54px / 2);
+    height: 44px;
+    width: 44px;
+    background: $grey_l;
+    border-radius: (44px / 2);
   }
 
   .timestamp {
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index a55ea355..de379967 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -46,10 +46,10 @@ input.new-message {
 .fab {
   z-index: 1;
   position: fixed;
-  right: 16px;
+  right: 25px;;
   bottom: 22px;
-  height: 60px;
-  width: 60px;
+  height: 50px;
+  width: 50px;
   border: 0;
   border-radius: (60px / 2);
   outline: 0;
@@ -66,6 +66,10 @@ input.new-message {
   }
 }
 
+.last-timestamp {
+  font-size: smaller;
+}
+
 .new-contact,
 .typeahead {
   .last-message, .last-timestamp {
@@ -129,13 +133,13 @@ input.new-message {
 
   .contact-name {
     margin: 0;
-    font-size: 16px;
+    font-size: 1em;
     font-weight: 400;
   }
 
   .last-message {
     margin: 6px 0;
-    font-size: 14px;
+    font-size: small;
     font-weight: 300;
   }
 
@@ -147,10 +151,10 @@ input.new-message {
   }
 
   img {
-    height: 54px;
-    width: 54px;
+    height: 44px;
+    width: 44px;
     background: $grey_l;
-    border-radius: (54px / 2);
+    border-radius: (44px / 2);
   }
 
 }
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index eca750b7..c6c9671e 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -82,10 +82,10 @@ input.new-message {
 .fab {
   z-index: 1;
   position: fixed;
-  right: 16px;
+  right: 25px;
   bottom: 22px;
-  height: 60px;
-  width: 60px;
+  height: 50px;
+  width: 50px;
   border: 0;
   border-radius: 30px;
   outline: 0;
@@ -99,6 +99,9 @@ input.new-message {
     box-shadow: 0 8px 18px -8px rgba(2, 10, 16, 0.9);
     transform: translate3d(0, -1px, 0); }
 
+.last-timestamp {
+  font-size: smaller; }
+
 .new-contact .last-message, .new-contact .last-timestamp,
 .typeahead .last-message,
 .typeahead .last-timestamp {
@@ -145,11 +148,11 @@ input.new-message {
     margin: 4px 0 0 8px; }
   .index .contact-name {
     margin: 0;
-    font-size: 16px;
+    font-size: 1em;
     font-weight: 400; }
   .index .last-message {
     margin: 6px 0;
-    font-size: 14px;
+    font-size: small;
     font-weight: 300; }
   .index .timestamp {
     position: absolute;
@@ -157,10 +160,10 @@ input.new-message {
     right: 12px;
     color: #888; }
   .index img {
-    height: 54px;
-    width: 54px;
+    height: 44px;
+    width: 44px;
     background: #f3f3f3;
-    border-radius: 27px; }
+    border-radius: 22px; }
 
 .settings {
   height: 100%;
@@ -190,7 +193,7 @@ button {
   cursor: pointer; }
 
 .timestamp {
-  font-size: 12px; }
+  font-size: smaller; }
 
 .entry.delivered .timestamp::after {
   margin-left: 4px;
@@ -261,11 +264,10 @@ button {
   .message-list .attachments img {
     max-width: 100%; }
   .message-list img.avatar {
-    height: 54px;
-    width: 54px;
-    box-sizing: border-box;
-    border: 27px #f3f3f3 solid;
-    border-radius: 27px; }
+    height: 44px;
+    width: 44px;
+    background: #f3f3f3;
+    border-radius: 22px; }
   .message-list .timestamp {
     margin-top: 3px;
     float: right; }