improve wiki header design

bhyvex · May 23, 2017 · 4082cae · 4082cae
1 parent 57826be
commit 4082cae
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 9 deletions.
diff --git a/public/css/common.css b/public/css/common.css
@@ -61,6 +61,31 @@ a:hover {
   box-sizing: border-box;
 }
 
+.wiki-count {
+  margin:0;
+  border: 1px solid #ddd;
+  margin-bottom:10px;
+}
+
+.wiki-count li {
+  display:inline-block;
+  width:25%;
+  margin-left:0px;
+  list-style-type: none;
+  padding:0;
+  text-align:center;
+}
+.wiki-count li a {
+  width:100%;
+  display:block;
+  padding:5px 0;
+  color:#767676;
+}
+.wiki-count li a:hover {
+  color:#4078c0;
+  text-decoration:none;
+}
+
 .wiki {
   overflow:hidden;
 }

diff --git a/templates/wiki.html.ep b/templates/wiki.html.ep
@@ -262,35 +262,35 @@
       </div>
 
       % if ($display eq 'page' || $display eq 'list-pages') {
-        <ul class="commits-count">
+        <ul class="wiki-count">
           <li>
             <a href="<%= url_for("/$user_id/$project_id/wiki") %>">
-              <span class="commits-count-number">
+              <span class="wiki-count-number">
                 <i class="icon-home" style="position:relative;top:-1px"></i>
               </span>
-              <span class="commits-count-type">
+              <span class="wiki-count-type">
                 Home
               </span>
             </a>
           </li>
           <li>
             <a href="<%= url_for("/$user_id/$project_id/wiki/_pages") %>">
-              <span class="commits-count-number">
-                <i class="icon-tags" style="position:relative;top:-1px"></i>
+              <span class="wiki-count-number">
+                <i class="icon-leaf" style="position:relative;top:-1px"></i>
                 <%= 13 %>
               </span>
-              <span class="commits-count-type">
+              <span class="wiki-count-type">
                 pages
               </span>
             </a>
           </li>
           <li>
             <a href="<%= url_for("/$user_id/$project_id/branches") %>">
-              <span class="commits-count-number">
-                <i class="icon-indent-left" style="position:relative;top:-1px"></i>
+              <span class="wiki-count-number">
+                <i class="icon-repeat" style="position:relative;top:-1px"></i>
                 <%= 15 %>
               </span>
-              <span class="commits-count-type">
+              <span class="wiki-count-type">
                 commits
               </span>
             </a>