this commit is an attempt to make conv items better scalable on smaller screens. also save some horizontal space.

3 files changed, 22 insertions, 26 deletions

diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index 00e2f30b7..aff35bf85 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -120,3 +120,7 @@ nav .navbar-collapse .navbar-right {
 	height: 32px;
 	margin-right: 5px;
 }
+
+code {
+	white-space: normal;
+}
diff --git a/view/css/conversation.css b/view/css/conversation.css
index 3de9a1ec9..484941926 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -11,7 +11,7 @@
 	margin: 0px;
 	padding: 8px;
 	height: 1.8em;
-	width: 530px;
+	width: 70%;
 	margin-bottom: 5px;
 }
 
@@ -138,14 +138,9 @@
 .wall-item-info {
 	display: block;
 	float: left;
-	width:110px;
 	margin-right:10px;
 }
 
-.comment .wall-item-info {
-	width: 70px;
-}
-
 .wallwall .wwto {
 	left: 50px;
 	margin: 0;
@@ -166,7 +161,6 @@
 	margin-top: 0px;
 	margin-left: 10px;
 	margin-bottom: 10px;
-	width: 100px;
 }
 
 .wall-item-photo-menu-button {
@@ -203,15 +197,15 @@
 .wall-item-arrowphoto-wrapper {
 	position: absolute;
 	z-index: 99;
+	left: 75px;
 }
 
 .wall-item-wrapper {
 	margin-left:10px;
 }
 
-
 .wall-item-arrowphoto-wrapper {
-	left: 75px;
+
 }
 
 .wall-item-lock {
@@ -233,14 +227,8 @@
 }
 
 .wall-item-location {
-	overflow: hidden;
-	/* add ellipsis on text overflow               */
-	/* this work on safari, opera, ie, chrome.     */
-	/* firefox users have to wait support or we    */
-	/* can use a jquery plugin http://bit.ly/zJskg */
 	text-overflow: ellipsis;
-	-o-text-overflow: ellipsis;
-	width: 100%;
+	max-width: 30%;
 }
 
 .wall-item-author {
@@ -258,7 +246,7 @@
 }
 
 .wall-item-content img {
-    max-width: 95% !important;
+    max-width: 95%;
 }
 
 .wall-item-title {
@@ -354,10 +342,7 @@
 }
 
 .comment-edit-photo {
-	margin-top: 10px;
-	margin-left: 10px;
-	margin-bottom: 10px;
-	width: 100px;
+	margin: 10px;
 	float: left;
 }
 
@@ -386,15 +371,15 @@
 }
 
 .comment-edit-text-empty {
-	height: 1.0em;
-	width: 270px; 
+	height: 1.2em;
+	width: 30%;
 	overflow: auto;
 	margin-bottom: 10px;
 }
 
 .comment-edit-text-full {
 	height: 150px;
-	width: 80%;
+	width: 50%;
 	overflow: auto;
 }
 
diff --git a/view/css/default.css b/view/css/default.css
index a98374960..271e15620 100644
--- a/view/css/default.css
+++ b/view/css/default.css
@@ -6,11 +6,17 @@ header #banner {
 	margin-right: auto;
 }
 
+main {
+	display: table;
+	width: 100%;
+	height: 100%;
+}
+
 aside#region_1 {
 	min-width: 210px;
 	display: table-cell;
 	vertical-align: top;
-	padding: 65px 10px 10px 10px;
+	padding: 65px 7px 7px 7px;
 }
 
 aside input[type='text'] {
@@ -19,7 +25,8 @@ aside input[type='text'] {
 
 section {
 	width: 100%;
+	min-width: 298px;
 	display: table-cell;
 	vertical-align: top;
-	padding: 65px 15px 200px 10px;
+	padding: 65px 15px 200px 7px;
 }