visual tweaks of message preview and buttons

css/base.css

@@ -60,14 +60,16 @@ a.gray:focus {
   text-decoration: none;
 }
 
-.flat-button .faux {
-  height: 1.5em;
-  line-height: 1.5em;
+.flat-button.faux {
+  display: inline-block;
+  height: 1.4em;
+  line-height: 1.4em;
   text-transform: none;
-  padding-left: .5rem;
-  padding-right: .5rem;
-  border: 1px solid gray;
+  padding-left: .35rem;
+  padding-right: .35rem;
+  border: 1px solid #999;
   border-radius: 3px;
+  background-color: #eee;
 }
 
 form {
@@ -110,7 +112,7 @@ button {
   padding-left: 1.2rem;
   padding-right: 1.2rem;
   border-radius: 4px;
-  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
   text-transform: uppercase;
   min-width: 5rem;
   margin: 0 0.35rem 0 0.35rem;
@@ -879,6 +881,10 @@ i.search {
   font-weight: lighter;
 }
 
+.contact-box .contact-comment b {
+  font-weight: bolder;
+}
+
 /* Avatar and online-offline indicator */
 .contact-box .avatar-box {
   margin-right: 0.35rem;