From d2e5d9e605295850b86280344a0c3a3245d100a3 Mon Sep 17 00:00:00 2001
From: James <jesse.isler@gmail.com>
Date: Mon, 28 Mar 2022 10:57:47 +0200
Subject: [PATCH] Update index.php

---
 index.php | 54 ++++++++++++++++++++++++++----------------------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/index.php b/index.php
index cd1842f..a98cf90 100644
--- a/index.php
+++ b/index.php
@@ -33,39 +33,37 @@
       foreach (glob("roles/*.php") as $filename) {
         include $filename;
         echo '
-        <div class="col s12 m6">
-            <div class="card '.$color.'">
-                <div class="card-content">
-                    <p>'.$description.'</p>
-                </div>
-                <div class="card-tabs">
-                    <ul class="tabs tabs-fixed-width">
-                        <li class="tab">
-                            <a class="active" href="#'.$name.'h2p">How to play</a>
-                        </li>
-                        <li class="tab">
-                            <a href="#'.$name.'pbw">Plays best with</a>
-                        </li>
-                        <li class="tab">
-                            <a href="#'.$name.'convars">Convars</a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="card-content '.$tcolor.'-text">
-                    <span class="card-title">'.$name.'</span>
-                    <div id="'.$name.'h2p ">'.$howtoplay.'</div>
-                    <div id="'.$name.'pbw ">'.$playsbestwith.'</div>
-                    <div id="'.$name.'convars">'.$convars.'</div>
-                </div>
-            </div>
-        </div>
+
         ';
       }
       ?>
-
-
+      <div class="col s12 m6">
+          <div class="card '.$color.'">
+              <div class="card-content">
+                  <p>'.$description.'</p>
+              </div>
+              <div class="card-tabs">
+                  <ul class="tabs">
+                      <li class="tab col s3">
+                          <a class="active" href="#'.$name.'h2p">How to play</a>
+                      </li>
+                      <li class="tab col s3">
+                          <a href="#'.$name.'pbw">Plays best with</a>
+                      <li class="tab col s3">
+                          <a href="#'.$name.'convars">Convars</a>
+                      </li>
+                  </ul>
+              </div>
+              <div class="card-content '.$tcolor.'-text">
+                  <span class="card-title">'.$name.'</span>
+                  <div id="'.$name.'h2p ">'.$howtoplay.'</div>
+                  <div id="'.$name.'pbw ">'.$playsbestwith.'</div>
+                  <div id="'.$name.'convars">'.$convars.'</div>
+              </div>
+          </div>
       </div>
 
+      </div>
 
       <script>
         var el = document.querySelector('.tabs');