minor changes

app.py

@@ -33,7 +33,7 @@ ALL_COLUMNS_MAPPING = {
     "weight_class": "Weight Class 🏋️",
     #
     "backend.name": "Backend 🏭",
-    "backend.torch_dtype": "Load Datatype 📥",
+    "backend.torch_dtype": "Dtype 📥",
     "optimizations": "Optimizations 🛠️",
     #
     "generate.throughput(tokens/s)": "Throughput (tokens/s) ⬆️",
@@ -279,11 +279,11 @@ with demo:
                     )
                 with gr.Column(scale=1):
                     datatype_checkboxes = gr.CheckboxGroup(
-                        label="Datatypes 📥",
+                        label="Dtypes 📥",
                         choices=["float32", "float16"],
                         value=["float32", "float16"],
-                        info="☑️ Select the load datatypes",
-                        elem_id="datatype-checkboxes",
+                        info="☑️ Select the load dtypes",
+                        elem_id="dtype-checkboxes",
                     )
                 with gr.Column(scale=2):
                     optimizations_checkboxes = gr.CheckboxGroup(
@@ -301,7 +301,7 @@ with demo:
                 )
 
         with gr.TabItem("📖 About ❔", id=4):
-            gr.HTML(ABOUT_TEXT)
+            gr.HTML(ABOUT_TEXT, elem_classes="html-text")
 
     demo.load(
         change_tab,

src/assets/css_html_js.py

@@ -2,9 +2,8 @@ custom_css = """
 .markdown-text {
     font-size: 16px !important;
 }
-
-#models-to-add-text {
-    font-size: 18px !important;
+.html-text {
+    font-size: 16px !important;
 }
 
 #citation-button span {
@@ -20,14 +19,9 @@ custom_css = """
     transform: scale(1.3);
 }
 
-#search-bar-table-box > div:first-child {
-    background: none;
-    border: none;
-}
-
 table td:first-child,
 table th:first-child {
-    max-width: 300px;
+    max-width: 200px;
     overflow: auto;
     white-space: nowrap;
 }
@@ -38,10 +32,6 @@ table th:first-child {
 .A100-tabs button {
     font-size: 20px;
 }
-.plot-container > div:first-child {
-    width: 100%;
-    height: 100%;
-}
 """
 
 custom_js = """