new style and style cleanup for the news app

1 files changed, 14 insertions, 11 deletions

diff --git a/templates/part.listfolder.php b/templates/part.listfolder.php
index 72052df9e..5c05d41fe 100644
--- a/templates/part.listfolder.php
+++ b/templates/part.listfolder.php
@@ -1,33 +1,36 @@
 <li ng-class="{
 	active: isFeedActive(feedType.Folder, folder.id), 
 	open: folder.open,
-	collapsable: folder.hasChildren,
-	all_read: getUnreadCount(feedType.Folder, folder.id)==0
-}" 
+        collapsible: folder.hasChildren,
+        unread: getUnreadCount(feedType.Folder, folder.id)!=0}"
     ng-repeat="folder in folders"
     ng-show="folder.show"
     class="folder"
     data-id="{{folder.id}}"
     droppable>
-    <button class="collapsable_trigger" 
+    <button class="collapse"
             title="<?php p($l->t('Collapse'));?>"
             ng-click="toggleFolder(folder.id)"></button>
 	<a href="#" 
 	   class="title"
+           class="folder-icon"
 	   ng-click="loadFeed(feedType.Folder, folder.id)">
 	   {{folder.name}}
 	</a>
-	<span class="unread_items_counter">
-		{{ getUnreadCount(feedType.Folder, folder.id) }}
-	</span>
-	<span class="buttons">
+
+        <span class="utils">
 		<button ng-click="delete(feedType.Folder, folder.id)"
-		        class="svg action feeds_delete" 
+                        class="svg action delete-icon"
 		        title="<?php p($l->t('Delete folder')); ?>"></button>
-		<button class="svg action feeds_edit" 
+
+                <button class="svg action edit-icon"
 				ng-click="renameFolder(folder.id)"
 		        title="<?php p($l->t('Rename folder')); ?>"></button>
-		<button class="svg action feeds_markread" 
+
+                <span class="unread-counter">
+                        {{ getUnreadCount(feedType.Folder, folder.id) }}
+                </span>
+                <button class="svg action mark-read-icon"
 		        ng-click="markAllRead(feedType.Folder, folder.id)"
 		        title="<?php p($l->t('Mark all read')); ?>"></button>
 	</span>