clip entry name

src/main/webapp/css/app.css

@@ -79,18 +79,35 @@
 }
 
 #feed-accordion .entry-heading {
+	height: 20px;
 	padding: 6px 0px;
 	display: block;
 	color: black;
 	cursor: pointer;
+	padding: 6px 0px;
 }
 
 #feed-accordion .entry-heading .feed-name {
 	color: #555;
-	width: 150px;
+	display: block;
-	display: inline-block;
 	overflow: hidden;
 	white-space: nowrap;
+	position: absolute;
+}
+
+#feed-accordion .entry-heading .entry-name {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	margin-left: 150px;
+	margin-right: 100px;
+}
+
+#feed-accordion .entry-heading .entry-date {
+	display: block;
+	position: absolute;
+	right: 20px;
 }
 
 #feed-accordion a.entry-heading:hover {

src/main/webapp/templates/feeds.html

@@ -9,8 +9,9 @@
 			<a scroll-to="isOpen && current == entry" href="{{entry.url}}" target="_blank" class="entry-heading" ng-click="entryClicked(entry, $event)" 
 				ng-class="{open: current == entry, closed: current != entry}">
 				<span ui-if="selectedType == 'category'" class="feed-name">{{entry.feedName}}</span>
+				<span class="entry-date">{{entry.date}}</span>
 				<span class="entry-name" ng-class="{unread: entry.read == false}" ng-bind-html-unsafe="entry.title"></span>
-				<span class="pull-right">{{entry.date}}</span>
+				
 			</a>
 			<div class="entry-body" ui-if="isOpen && current == entry">
 				<div>