Update CSS

github · May 19, 2017 · c4aa54a · c4aa54a
1 parent 23b5456
commit c4aa54a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/app/views/repositories/show.html.erb b/app/views/repositories/show.html.erb
@@ -57,13 +57,13 @@
 <div class="header clearfix">
   <%= render "repositories/navigation", repository: repository %>
 
-  <h3 class="text-muted" style="display: inline-block">
+  <h3 class="text-muted inline-block">
     <a href="<%= repositories_path %>"><%= repository.owner.login %></a>
     /
     <a href="<%= repository_path(repository.id) %>"><%= repository.name %></a>
   </h3>
 
-  <div style="display: inline-block; margin-top: 3px; margin-left: 10px;">
+  <div class="inline-block star-badge-header">
     <%= render "repositories/star", repository: repository %>
   </div>
 </div>

diff --git a/public/application.css b/public/application.css
@@ -3,6 +3,10 @@ body {
   padding-bottom: 20px;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .header {
   margin-top: 0;
   margin-bottom: 0;
@@ -27,6 +31,11 @@ body {
   color: #777;
 }
 
+.star-badge-header {
+  margin-left: 10px;
+  vertical-align: text-bottom;
+}
+
 .star-badge .octicon {
   color: #777;
 }
@@ -42,6 +51,8 @@ body {
 .star-form button {
   background: transparent;
   border: none;
+  margin: 0;
+  padding: 0;
 }
 
 .nav-pills .badge {