From 11a636021cb81355a37bec0d754996ab30247078 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <josephschorr@users.noreply.github.com>
Date: Thu, 9 Mar 2017 19:26:03 -0500
Subject: [PATCH] Better tag history view on mobile

---
 static/css/directives/ui/repo-tag-history.css | 25 ++++++++++++++++++-
 static/directives/repo-tag-history.html       | 13 +++++-----
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/static/css/directives/ui/repo-tag-history.css b/static/css/directives/ui/repo-tag-history.css
index 3388a4e3a..b53032c44 100644
--- a/static/css/directives/ui/repo-tag-history.css
+++ b/static/css/directives/ui/repo-tag-history.css
@@ -90,6 +90,9 @@
   float: right;
 }
 
+.repo-tag-history-element .history-datetime-small {
+  display: none;
+}
 
 @media (max-width: 767px) {
   .repo-tag-history-element .history-list {
@@ -104,6 +107,26 @@
     float: none;
     display: block;
   }
+
+  .repo-tag-history-element .history-entry .history-description {
+    overflow: visible;
+    margin-bottom: 10px;
+    margin-left: 20px;
+    display: block;
+    height: auto;
+  }
+
+  .repo-tag-history-element .history-row {
+    padding-left: 20px;
+  }
+
+  .repo-tag-history-element .history-datetime-small {
+    font-size: 12px;
+    margin-left: 20px;
+    margin-top: 10px;
+    color: #aaa;
+    display: block;
+  }
 }
 
 .repo-tag-history-element .history-entry.filtered-mismatch {
@@ -241,5 +264,5 @@
 }
 
 .repo-tag-history-element .history-entry .history-datetime {
-  font-size: 14px;
+  font-size: 13px;
 }
\ No newline at end of file
diff --git a/static/directives/repo-tag-history.html b/static/directives/repo-tag-history.html
index 5a00b55f4..ba756f26a 100644
--- a/static/directives/repo-tag-history.html
+++ b/static/directives/repo-tag-history.html
@@ -12,11 +12,11 @@
      </div>
 
      <table class="co-table" ng-if="historyEntries.length">
-        <thead>
+        <thead class="hidden-xs">
           <td class="icon-col"></td>
           <td class="history-col">Tag Change</td>
-          <td class="datetime-col">Date/Time</td>
-          <td class="revert-col"><span ng-if="repository.can_write">Restore</span></td>
+          <td class="datetime-col hidden-sm hidden-xs">Date/Time</td>
+          <td class="revert-col hidden-sm hidden-xs"><span ng-if="repository.can_write">Restore</span></td>
         </thead>
         <tbody>
           <tr style="height: 20px;"><td colspan="4"></td></tr>
@@ -73,11 +73,12 @@
                   </span>
                 </span>
               </div>
+              <div class="history-datetime-small">{{ entry.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a' }}</div>
             </td>
-            <td ng-if="!entry.date_break" class="datetime-col">
-              <div class="history-datetime">{{ entry.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a' }}</div>
+            <td ng-if="!entry.date_break" class="datetime-col hidden-sm hidden-xs">
+              <div class="history-datetime">{{ entry.time | amDateFormat:'MMM Do YYYY, h:mm:ss a' }}</div>
             </td>
-            <td class="revert-col">
+            <td class="revert-col hidden-xs hidden-sm">
               <div ng-if="!entry.date_break && repository.can_write" class="history-revert">
                 <span ng-switch on="entry.action">
                   <a ng-switch-when="create" ng-click="askRestoreTag(entry, true)" ng-if="!isCurrent(entry)">