From cbf8a1725f14e35515fa8a462721f1599bbaa14c Mon Sep 17 00:00:00 2001
From: Viren Mohindra <viren.mohindra@gmail.com>
Date: Mon, 21 Nov 2016 00:35:14 -0500
Subject: [PATCH] #57

- changed international to world, since it fit well on large screen
devices
- padding for pills in sass for heading buttons
- Comment changed to button
---
 _data/data.yaml | 2 +-
 css/styles.sass | 3 +++
 index.html      | 8 ++++----
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/_data/data.yaml b/_data/data.yaml
index 01c61e6..0f36517 100644
--- a/_data/data.yaml
+++ b/_data/data.yaml
@@ -1335,7 +1335,7 @@ tabs:
             source: 'http://www.nydailynews.com/news/politics/donald-trump-big-list-promises-article-1.2865483'
   -
     id: internationalpolicy
-    name: International
+    name: World
     icon: globe
     sections:
       -
diff --git a/css/styles.sass b/css/styles.sass
index 494ceef..ff7ce0d 100644
--- a/css/styles.sass
+++ b/css/styles.sass
@@ -22,6 +22,9 @@ a
   margin-left: 20px
   margin-right: 20px
 
+.pill-padding
+  padding-bottom: 10px
+
 @media screen and (max-width: 500px)
   .navbar-header .search
     margin-top: 8px
diff --git a/index.html b/index.html
index b311f49..3034cb2 100644
--- a/index.html
+++ b/index.html
@@ -85,11 +85,11 @@ comments: false
 <br />
 <div class="container-fluid">
     <div class="row">
-        <ul class="nav nav-tabs" id="myTabs" role="tablist">
+        <ul class="nav nav-pills pill-padding" id="myTabs" role="tablist">
             {% for tab in site.data.data.tabs %}
                 <li role="presentation" class="{{tab.id}} {% if forloop.index == 1 %}active{% endif %}">
                     <a href="#{{tab.id}}" aria-controls="{{tab.id}}" role="tab" data-toggle="tab">
-                        <i class="fa fa-{{tab.icon}}"></i> {{tab.name}}
+                        <i class="fa fa-{{tab.icon}}"></i>&nbsp;{{tab.name}}
                     </a>
                 </li>
             {% endfor %}
@@ -106,7 +106,7 @@ comments: false
                     <input type="text" placeholder="keyword" class="form-control search"/>
                   </div>
                     {% for section in tab.sections %}
-                      <table class="table">
+                      <table class="table table-striped">
                         <thead>
                             <tr>
                                 <td></td>
@@ -130,7 +130,7 @@ comments: false
                                 </td>
                                 <td>
                                     {% if point.comments %}
-                                        <a href="{{point.comments}}" target="_blank" rel="nofollow">Comment</a>
+                                        <a href="{{point.comments}}" target="_blank" rel="nofollow" class="btn btn-default btn-sm"><i class="fa fa-comments text-muted"></i>&nbsp;Comment</a>
                                     {% endif %}
                                 </td>
                             </tr>