Add stylesheet for 'Resolve this bet' button

- Set width to 100%.
StemboltHQ · Apr 11, 2017 · de27a27 · de27a27
1 parent c7d3230
commit de27a27
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/assets/stylesheets/bets/resolve-bet.scss b/app/assets/stylesheets/bets/resolve-bet.scss
@@ -0,0 +1,3 @@
+.resolve-bet-btn{
+  width: 100%;
+}
diff --git a/app/views/bets/show.html.erb b/app/views/bets/show.html.erb
@@ -4,13 +4,15 @@
   <hr>
   <div class="resolve-bet">
     <div class="row text-center">
-      <div class="col col-lg-12">
+      <div class="col col-lg-6 offset-lg-3">
         <% if @bet.resolved? %>
           <div class="text-muted">
             <h3>This bet has been resolved.</h3>
           </div>
         <% else %>
-          <%= link_to 'Resolve Bet', resolve_bet_path, class: 'btn btn-success',
+          <%= link_to 'Resolve this bet',
+            resolve_bet_path,
+            class: 'btn btn-success resolve-bet-btn',
             role: 'button' %>
         <% end %>
       </div>