Improve display of lists of commits/issues

Use a monospace font, a border, and a background color.
nilbus · Sep 19, 2015 · 5f03ce6 · 5f03ce6
1 parent ca458b9
commit 5f03ce6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/app/assets/stylesheets/application.sass b/app/assets/stylesheets/application.sass
@@ -20,7 +20,7 @@ body
   box-sizing: border-box
 
 a
-  color: #8D8D8D
+  color: inherit
   text-decoration: none
   &:hover,
   &:focus

diff --git a/app/assets/stylesheets/portfolios.sass b/app/assets/stylesheets/portfolios.sass
@@ -32,6 +32,14 @@ section#my-projects, section#other-projects
       +row
       section
         margin-top: 10px
+      .commit-sha, .issue-number
+        background-color: #ECECEC
+        border-radius: 3px
+        border: 1px solid #DDD
+        color: #484848
+        font-family: Monaco, monospace
+        font-size: .85em
+        padding: 0px 3px
       .issue
         .issue-number, .issue-title, .issue-state
           display: inline