site input

front/index.html

@@ -34,11 +34,15 @@
 						<h3><i class="fa fa-filter"></i> Filter</h3>
 					</li>
 					<li>
-						<label for="mindate">Min date</label>
+						<label for="site">Site</label>
+						<input ng-model="site" type="text">
+					</li>
+					<li>
+						<label for="mindate">Min date (YYYY-MM-DD)</label>
 						<input ng-model="mindate" type="text">
 					</li>
 					<li>
-						<label for="mindate">Max date</label>
+						<label for="mindate">Max date (YYYY-MM-DD)</label>
 						<input ng-model="maxdate" type="text">
 					</li>
 					<li>
@@ -70,7 +74,7 @@
 						{{n.summary}}
 					</div>
 					<div>
-						<div><a ng-href="{{n.url}}">Visit site</a></div>
+						<div><a ng-href="{{n.url}}" target="_blank">Visit site</a></div>
 						<div><a ng-click="getArticle(n)">Read complete article</a></div>
 					</div>
 					<div>

front/style.css

@@ -30,7 +30,10 @@ body {
 	width: 230px;
 	z-index: 810;
 	background-color: #222;
+	/*
 	color: #4B4B4B;
+	*/
+	color: #6D6D6D;
 }
 
 .profile p {
@@ -78,7 +81,10 @@ body {
 	background-color: #222;
 	height: 16px;
 	padding: 0px;
+	/*
 	color: #4B4B4B;
+	*/
+	color: #6d6d6d;
 	font-size: 12px;
 	overflow: hidden;
 	font-weight: 400;
@@ -200,12 +206,17 @@ ul.news-meta li {
 }
 
 .article-wrapper {
-	float: left;
-	width: 45%;
+	position:fixed;
+	max-height:100%;
+	overflow-y:auto;
+	right:5px;
+	width: 41%;
 }
 
+/*
 .summary { max-height: 35px; transition:0.5s;overflow-y:hidden;}
 .summary:hover { max-height: 999px; }
+*/
 
 .keywords { max-height: 40px; transition:0.5s;overflow-y:hidden;margin-bottom:10px;   text-overflow: ellipsis;}
 .keywords:hover { max-height: 999px; }
@@ -223,4 +234,4 @@ ul.news-meta li {
 .tag .close {
    font-size: 14px;
    margin-left: 5px;
-}
+}