From 23382aa755678cc9970e2f8989c5ed6ba4c26494 Mon Sep 17 00:00:00 2001
From: Hanan Askarim <askarimmm.hanan@gmail.com>
Date: Thu, 13 Jun 2024 11:21:21 +0700
Subject: [PATCH] label keterangan

---
 assets/hanan/fisik-2.html | 399 ++------------------------------------
 1 file changed, 18 insertions(+), 381 deletions(-)

diff --git a/assets/hanan/fisik-2.html b/assets/hanan/fisik-2.html
index 5a58f9d..30813c0 100644
--- a/assets/hanan/fisik-2.html
+++ b/assets/hanan/fisik-2.html
@@ -230,6 +230,18 @@
         justify-content: center;
         flex: 1;
       }
+
+      .label-keterangan {
+        display: flex;
+        width: 40px;
+        padding: 4px 12px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+        border-radius: 4px;
+        background-color: #f5f8fa;
+      }
     </style>
   </head>
 
@@ -2052,6 +2064,12 @@
               <div class="row mt-4 align-items-start font-weight-bold">
                 KETERANGAN KODE :
               </div>
+              <div class="row mt-4">
+                <div class="label-gigi col-3">
+                  <div class="label-keterangan">X</div>
+                  <div>Berlubang</div>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -2074,387 +2092,6 @@
             </a>
           </div>
         </div>
-        <div
-          style="
-            margin-top: 20px;
-            display: flex;
-            padding: 10px;
-            align-items: flex-start;
-            align-self: stretch;
-            background-color: #f5f8fa;
-          "
-        >
-          <div
-            class="col-md-6"
-            style="
-              color: #212b36;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex: 1;
-            "
-          >
-            GIGI KANAN
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              color: #212b36;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex: 1;
-            "
-          >
-            GIGI KIRI
-          </div>
-        </div>
-
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
-
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
 
         <!-- keterangan kode -->
         <div