prepare caches markup

app/styles/app.scss

@@ -8,7 +8,7 @@
 
 @import "app/ansi";
 @import "app/auth";
-@import "app/caches";
+// @import "app/caches";
 @import "app/charm";
 // @import "app/flash";
 @import "app/forms";
@@ -69,3 +69,4 @@
 
 @import "app/landing";
 @import "app/layouts/requests";
+@import "app/layouts/caches";

app/styles/app/layouts/caches.sass

@@ -0,0 +1,2 @@
+.caches
+  @include resetul

app/templates/caches.hbs

@@ -3,30 +3,55 @@
     Delete all repository caches
   </a>
 
-  <ul id="caches">
+
+  <h2 class="build-title">Pushes</h2>
+  <ul id="caches" class="caches">
     {{#each controller itemController="cachesByBranch"}}
-      <li class="caches-group">
-        <span class="branch">Branch: {{branch}}</span>
-
-        <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-branch :delete"}}>
-          (delete)
-        </a>
-
-        <ul class="caches-list">
       {{#each cache in caches itemController="cachesItem"}}
-            <li class="cache-info">
+        <li {{bind-attr class=":tile :tile--small :row" }}>
-              <span class="label">Slug:</span> {{cache.slug}},
-              <span class="label">Last modified:</span> {{cache.last_modified}},
-              <span class="label">Size:</span> {{mb cache.size}}MB
 
-              <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete"}}>
+          <p class="tile-item column">
-                (delete)
+            <span {{bind-attr class=":icon :icon--grey push"}}></span>
+            {{cache.branch}}
+          </p>
+
+          <p class="tile-item column">{{cache.last_modified}}</p>
+
+          <p class="tile-item column">{{mb cache.size}}MB</p>
+
+          <p class="tile-item">
+            <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete :button--delete"}}>
+              delete
             </a>
+          </p>
         </li>
       {{/each}}
+    {{/each}}
   </ul>
+
+  <h2 class="build-title">Pull Requests</h2>
+  <ul class="caches">
+    {{#each controller itemController="cachesByBranch"}}
+      {{#each cache in caches itemController="cachesItem"}}
+        <li {{bind-attr class=":tile :tile--small :row" }}>
+
+          <p class="tile-item column">
+            <span {{bind-attr class=":icon :icon--grey pull_request"}}></span>
+            {{cache.branch}}
+          </p>
+
+          <p class="tile-item column">{{format-time cache.last_modified}}</p>
+
+          <p class="tile-item column">{{mb cache.size}}MB</p>
+
+          <p class="tile-item">
+            <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete :button--delete"}}>
+              delete
+            </a>
+          </p>
         </li>
       {{/each}}
+    {{/each}}
   </ul>
 {{else}}
   There are no caches for this repository.