From 5e385cc0fe5999c7a8e0eda2ec6d460cfb6acb9b Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Fri, 21 Apr 2023 23:06:34 +0200
Subject: [PATCH] simplify css

---
 css/common.css | 4 +---
 index.html     | 6 +++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/css/common.css b/css/common.css
index 333be54..5810dca 100644
--- a/css/common.css
+++ b/css/common.css
@@ -15,13 +15,11 @@
     table-layout: fixed;
     border-collapse: separate;
     border-spacing: 0;
-    height: calc(var(--rows) * var(--cell-side));
-    width: calc(var(--columns) * var(--cell-side));
+    width: min-content;
 }
 
 #matrixTable {
     margin-top: calc(-1 * var(--no-bordered-rows) * var(--cell-side));
-    background-color: transparent;
 }
 
 @keyframes hard-dropped-table-animation {
diff --git a/index.html b/index.html
index a9aae51..69b3ffe 100644
--- a/index.html
+++ b/index.html
@@ -108,7 +108,7 @@
           <div class="card mb-4">
             <div class="card-header text-center"><strong>HOLD</strong></div>
             <div class="card-body p-0">
-              <table id="holdTable" class="minoes-table" style="--columns: 6; --rows: 5;">
+              <table id="holdTable" class="minoes-table">
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
@@ -129,7 +129,7 @@
         </div>
         <div class="col">
           <div class="card">
-            <table id="matrixTable" class="minoes-table" style="--columns: 10; --rows: 25; --no-bordered-rows: 6">
+            <table id="matrixTable" class="minoes-table" style="--no-bordered-rows: 6">
               <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
               <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
               <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
@@ -164,7 +164,7 @@
           <div class="card">
             <div class="card-header text-center"><strong>NEXT</strong></div>
             <div class="card-body p-0">
-              <table id="nextTable" class="minoes-table caption-top" style="--columns: 6; --rows: 16;">
+              <table id="nextTable" class="minoes-table caption-top">
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                 <tr class="no-border"><td></td><td></td><td></td><td></td><td></td><td></td></tr>