fix mobile styles

3 files changed, 30 insertions, 22 deletions

diff --git a/docs/index.html b/docs/index.html
index b82d8b7..f26aa21 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -25,7 +25,7 @@
 
 
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 31/12/19
             </div>
@@ -33,7 +33,7 @@
                 <span class="post-link">Color Conundrum</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.3
             </span>
@@ -42,7 +42,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 23/11/19
             </div>
@@ -50,7 +50,7 @@
                 <span class="post-link">Static Sites With Bash</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.5
             </span>
@@ -59,7 +59,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 07/11/19
             </div>
@@ -67,7 +67,7 @@
                 <span class="post-link">My Setup</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.0
             </span>
@@ -76,7 +76,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 12/10/19
             </div>
@@ -84,7 +84,7 @@
                 <span class="post-link">WPA Woes</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.1
             </span>
@@ -93,7 +93,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 07/08/19
             </div>
@@ -101,7 +101,7 @@
                 <span class="post-link">Bye Bye BDFs</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.0
             </span>
@@ -110,7 +110,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 02/08/19
             </div>
@@ -118,7 +118,7 @@
                 <span class="post-link">Onivim Sucks</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.3
             </span>
@@ -127,7 +127,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 31/07/19
             </div>
@@ -135,7 +135,7 @@
                 <span class="post-link">Bash Harder With Vim</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.6
             </span>
@@ -144,7 +144,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 30/07/19
             </div>
@@ -152,7 +152,7 @@
                 <span class="post-link">Hold Position!</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 1.0
             </span>
@@ -161,7 +161,7 @@
     </tr>
     
     <tr>
-        <td>
+        <td class=table-post>
             <div class="date">
                 29/07/19
             </div>
@@ -169,7 +169,7 @@
                 <span class="post-link">Get Better At Yanking And Putting In Vim</span>
             </a>
         </td>
-        <td>
+        <td class=table-stats>
             <span class="stats-number">
                 0.9
             </span>
diff --git a/docs/style.css b/docs/style.css
index c7347a0..fd7e37f 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -39,8 +39,17 @@ table {
   border-collapse: collapse;
 }
 
+.table-post {
+  width: 70%;
+}
+
+.table-stats {
+  width: 30%;
+  text-align: right;
+}
+
 td {
-  padding: 0.7rem 0;
+  padding: 0.5rem 0;
 }
 
 /* mobile devices */
diff --git a/generate.sh b/generate.sh
index 6bca952..103f2f9 100755
--- a/generate.sh
+++ b/generate.sh
@@ -24,7 +24,7 @@ link_wrapper() {
     # 4 - read time
     echo -ne "
     <tr>
-        <td>
+        <td class="table-post">
             <div class=\"date\">
                 $3
             </div>
@@ -32,7 +32,7 @@ link_wrapper() {
                 <span class=\"post-link\">$2</span>
             </a>
         </td>
-        <td>
+        <td class="table-stats">
             <span class=\"stats-number\">
                 $4
             </span>
@@ -95,7 +95,6 @@ for f in $posts; do
     post_title=$(title_wrapper "$id")
     post_date=$(date -r "$file" "+%d/%m/%y")
     post_link=$(link_wrapper "${id%.*}" "$post_title" "$post_date" "$r_time" "$height")
-
     echo -ne "$post_link" >> docs/index.html
 
     id="${id%.*}"