From af386f0ad9f05ccdaa5ba7051ffad8999770888e Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Fri, 4 Sep 2015 14:58:31 +0500
Subject: [PATCH] tune posts view

---
 css/style.css            | 44 +++++++++++++++++++++---------------
 theme_calm/css/style.css | 48 +++++++++++++++++++++++++---------------
 theme_nin/css/style.css  |  4 +++-
 3 files changed, 59 insertions(+), 37 deletions(-)

diff --git a/css/style.css b/css/style.css
index f9de08b..3f4c6e1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -989,10 +989,7 @@ ol.toptrends-list {
     background: #fefedf;
 }
 
-.post-photo,
-.mini-profile-photo
-{
-    margin: 5px;
+.post-photo, .mini-profile-photo {
     display: inline-block;
     float: left;
     vertical-align: middle;
@@ -1000,14 +997,15 @@ ol.toptrends-list {
     height: 48px;
     overflow: hidden;
     border-radius: 20%;
+    margin: 6px;
     /*transform: rotate( 45deg );*/
 }
-.post-photo img,
-.mini-profile-photo img
-{
+
+.post-photo img, .mini-profile-photo img {
     width: 48px;
-    height: 48px;
+    height: auto;
 }
+
 .post-info span
 {
     vertical-align: top;
@@ -1030,18 +1028,18 @@ ol.toptrends-list {
     display: inline-block;
     letter-spacing: 0px;
 }
-.post-info-time
-{
+
+.post-info-time {
     float: right;
     font-size: 12px;
-    margin: 5px;
+    margin: 4px 8px 0;
     opacity: .5;
     text-decoration: none;
 }
 
 .post-text {
     font-size: 13px;
-    margin: 2px 10px 4px 60px;
+    margin: 2px 16px 4px 60px;
     word-wrap: break-word;
 }
 
@@ -1051,11 +1049,11 @@ ol.toptrends-list {
     padding-right: 2px;
 }
 
-.post-context
-{
+.post-context {
     font-size: 11px;
-    margin: 2px 10px 4px 60px;
+    margin: 2px 16px 4px 60px;
 }
+
 .post-text a,
 .post-context a,
 .mini-screen-name
@@ -1531,7 +1529,7 @@ ol.toptrends-list {
 }
 
 .direct-messages-thread .post-text {
-    margin: 2px 10px 4px 4px;
+    margin: 2px 16px 4px 4px;
     word-wrap: break-word;
 }
 
@@ -1554,8 +1552,18 @@ ol.toptrends-list {
     left: auto;
 }
 
+.direct-messages-thread .post.sent .post-info-time {
+    float: left;
+}
+
+.direct-messages-thread .post.sent .post-info-time .post-info-sent {
+    float: right;
+    margin: 0 2px;
+}
+
 .direct-messages-thread .post.sent .post-text {
-    margin: 2px 10px 4px 4px;
+    margin: 2px 4px 4px 16px;
+    text-align: right;
 }
 
 .direct-messages-thread .post.sent .post-photo {
@@ -2210,7 +2218,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
 
 .post-rt-reference .post-text {
     font-size: 11px;
-    margin: 2px 10px 4px 10px;
+    margin: 2px 8px 4px 34px;
 }
 
 .post-rt-reference .post-info-time {
diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css
index fe7191e..683c907 100644
--- a/theme_calm/css/style.css
+++ b/theme_calm/css/style.css
@@ -1186,10 +1186,8 @@ textarea.splited-post {
 {
     background: #fff;
 }
-.post-photo,
-.mini-profile-photo
-{
-    margin: 5px;
+
+.post-photo, .mini-profile-photo {
     display: inline-block;
     float: left;
     vertical-align: middle;
@@ -1198,13 +1196,14 @@ textarea.splited-post {
     overflow: hidden;
     border-radius: 20%;
     /*transform: rotate( 45deg );*/
+    margin: 6px;
 }
-.post-photo img,
-.mini-profile-photo img
-{
+
+.post-photo img, .mini-profile-photo img {
     width: 48px;
-    height: 48px;
+    height: auto;
 }
+
 .post-info span
 {
     vertical-align: top;
@@ -1227,14 +1226,15 @@ textarea.splited-post {
     display: inline-block;
     letter-spacing: 0px;
 }
-.post-info-time
-{
+
+.post-info-time {
     float: right;
     font-size: 12px;
-    margin-right: 5px;
+    margin: 4px 8px 0;
     opacity: .5;
     text-decoration: none;
 }
+
 .post-info-time:hover {
     text-decoration: none;
     color: #43464d;
@@ -1242,7 +1242,7 @@ textarea.splited-post {
 
 .post-text {
     font-size: 13px;
-    margin: 2px 10px 4px 60px;
+    margin: 2px 16px 4px 60px;
     word-wrap: break-word;
 }
 
@@ -1252,11 +1252,11 @@ textarea.splited-post {
     padding-right: 2px;
 }
 
-.post-context
-{
+.post-context {
     font-size: 11px;
-    margin: 2px 10px 4px 60px;
+    margin: 2px 16px 4px 60px;
 }
+
 .post-text a,
 .post-context a,
 .mini-screen-name
@@ -1897,7 +1897,7 @@ textarea.splited-post {
 }
 
 .direct-messages-thread .post-text {
-    margin: 2px 10px 4px 4px;
+    margin: 2px 16px 4px 4px;
     word-wrap: break-word;
 }
 
@@ -1920,8 +1920,18 @@ textarea.splited-post {
     left: auto;
 }
 
+.direct-messages-thread .post.sent .post-info-time {
+    float: left;
+}
+
+.direct-messages-thread .post.sent .post-info-time .post-info-sent {
+    float: right;
+    margin: 0 2px;
+}
+
 .direct-messages-thread .post.sent .post-text {
-    margin: 2px 10px 4px 4px;
+    margin: 2px 4px 4px 16px;
+    text-align: right;
 }
 
 .direct-messages-thread .post.sent .post-photo {
@@ -2630,11 +2640,12 @@ p.post-text img {
 
 .post-rt-reference .post-info-name {
     font-size: 11px;
+    padding: 0;
 }
 
 .post-rt-reference .post-text {
     font-size: 11px;
-    margin: 2px 10px 4px 10px;
+    margin: 2px 8px 4px 34px;
 }
 
 .post-rt-reference .post-text a {
@@ -2644,4 +2655,5 @@ p.post-text img {
 .post-rt-reference .post-info-time {
     font-size: 9px;
     color: #000;
+    margin: 2px 4px 0;
 }
diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css
index 447a746..2a8aae1 100644
--- a/theme_nin/css/style.css
+++ b/theme_nin/css/style.css
@@ -887,9 +887,10 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
 .post-context {
   font-size: 11px;
   line-height: 11px;
-  margin: 2px 10px 4px 60px;
   color: #b3b5b7;
+  margin: 2px 8px 4px 62px;
 }
+
 /* line 146, ../sass/_postboard.sass */
 .post-retransmited-icon:before {
   display: block;
@@ -3500,4 +3501,5 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
 .post-rt-reference .post-info-time {
     font-size: 9px;
     color: #B3B5B7;
+    margin: 0 2px 0;
 }