From ee1bd74bb5f0119050a3ad793e0340ef1679ce44 Mon Sep 17 00:00:00 2001
From: Massimiliano Assante <massimiliano.assante@isti.cnr.it>
Date: Fri, 6 May 2016 08:57:28 +0000
Subject: [PATCH] responsivness completed

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/user/news-feed@128488 82a268e6-3cf1-43bd-a215-b396298e98cf
---
 src/main/webapp/NewsFeed.css | 43 +++++++++++++-----------------------
 1 file changed, 15 insertions(+), 28 deletions(-)

diff --git a/src/main/webapp/NewsFeed.css b/src/main/webapp/NewsFeed.css
index 0685586..6cfaea8 100644
--- a/src/main/webapp/NewsFeed.css
+++ b/src/main/webapp/NewsFeed.css
@@ -1,4 +1,5 @@
-@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
+@import url(https://fonts.googleapis.com/css?family=Architects+Daughter)
+	;
 /** 
  *Media queries for phones at the bottom pf this page
  *
@@ -8,7 +9,6 @@ table {
 	border-spacing: 0;
 }
 
-
 .result-hashtag {
 	color: #555;
 	font-size: 20px;
@@ -51,7 +51,6 @@ table {
 	/* this is very important when usere paste long links*/
 }
 
-
 div#comment-inputContainer textarea.post-comment {
 	padding: 4px 2px;
 	color: #999;
@@ -139,7 +138,7 @@ div#comment-inputContainer textarea.post-comment.comment-dark-color {
 
 .feed-filters {
 	margin-top: -5px;
-	width: 90%;
+	width: 600px
 }
 
 .feed-filters ul {
@@ -185,7 +184,6 @@ div#comment-inputContainer textarea.post-comment.comment-dark-color {
 	background-image: none;
 }
 
-
 .feed-filters li.feed-breadcrumb {
 	background-image: url("images/arrow-right.png");
 }
@@ -391,7 +389,7 @@ div>table.single-comment, .single-comment {
 	white-space: nowrap;
 }
 
-a.seemore, .seemore:hover  {
+a.seemore, .seemore:hover {
 	font-size: 9px;
 	cursor: pointer;
 	cursor: hand;
@@ -407,7 +405,6 @@ a.seemore, .seemore:hover  {
 	cursor: hand;
 }
 
-
 a.person-link {
 	font-size: 16x;
 }
@@ -467,7 +464,6 @@ a.person-link {
 	color: #666;
 }
 
-
 /*  TABLES */
 .div-table-400 {
 	display: table;
@@ -552,77 +548,68 @@ a.person-link {
 }
 
 /* For phones*/
-@media screen and (max-width: 520px)  {
-	
+@media screen and (max-width: 520px) {
 	#comment-highlighterContainer {
 		width: 260px;
 	}
-	
 	.comment-highlighter {
 		width: 230px;
 	}
-	
 	div#comment-inputContainer textarea.post-comment {
 		width: 230px;
 	}
-	
 	.link-preview {
 		width: 260px;
 	}
-
 	div.attachment-preview-container {
 		width: 300px;
 	}
-
 	.linkpreview-desc, .linkpreview-url, .linkpreview-image {
 		display: none;
 	}
-	
 	.new-feeds-show {
 		width: 260px;
 	}
-	
 	.div-table {
 		padding-left: 0;
 		padding-right: 0;
 		margin-left: -15px;
 	}
-	
 	.tweet-actions {
-		width: 280px;
+		width: 270px;
+	}
+	.feed-filters {
+		width: 260px;
 	}
 }
 
-@media screen and (max-width: 1024px)  {
+@media screen and (max-width: 1024px) {
 	.link-preview {
 		width: 260px;
 	}
-	
 	div.attachment-preview-container {
 		width: 300px;
 	}
-	
 	.new-feeds-show {
 		width: 260px;
 	}
-
 	.linkpreview-desc, .linkpreview-url, .linkpreview-image {
 		display: none;
 	}
-	
 	.div-table-col {
 		display: block;
-   		padding-left: 10px;
-   		padding-bottom: 5px;
+		padding-left: 10px;
+		padding-bottom: 5px;
 	}
-	
 	.div-table {
 		padding-left: 0;
 		padding-right: 0;
 		margin-left: -10px;
 	}
-	
 	.tweet-actions {
 		width: 280px;
 	}
+	.feed-filters {
+		width: 300px;
+	}
 }
\ No newline at end of file