#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

@@ -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:
       -

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

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>