From 7008b0803172629edabacaefd7ac832ebc7191b6 Mon Sep 17 00:00:00 2001
From: "M. Sarmad Qadeer" <MSarmadQadeer@gmail.com>
Date: Sun, 16 Jun 2024 00:52:41 +0500
Subject: [PATCH] smp-server: fix layout (#1196)

* smp-server: fix layout

* ws

---------

Co-authored-by: Evgeny Poberezkin <2769109+epoberezkin@users.noreply.github.com>
---
 apps/smp-server/static/index.html      | 17 +++++++++++++++++
 apps/smp-server/static/media/style.css |  4 ++++
 2 files changed, 21 insertions(+)

diff --git a/apps/smp-server/static/index.html b/apps/smp-server/static/index.html
index e3889de2a..e276ff596 100644
--- a/apps/smp-server/static/index.html
+++ b/apps/smp-server/static/index.html
@@ -15,6 +15,12 @@
   <link rel="stylesheet" href="/media/style.css">
 
   <style>
+    body,
+    html {
+      width: 100%;
+      overflow-x: hidden;
+    }
+
     table#config {
       border-collapse: collapse;
       margin-bottom: 4px;
@@ -42,6 +48,17 @@
       }
     }
 
+    @media screen and (max-width: 440px) {
+      table {
+        width: 100%;
+        table-layout: fixed;
+      }
+
+      tr td:not(:last-child) {
+        width: 40%;
+      }
+    }
+
     .dark tr td:not(:last-child) {
       color: #fff;
     }
diff --git a/apps/smp-server/static/media/style.css b/apps/smp-server/static/media/style.css
index d9d2e829e..e29de80f7 100644
--- a/apps/smp-server/static/media/style.css
+++ b/apps/smp-server/static/media/style.css
@@ -50,6 +50,10 @@ img {
   /* For Internet Explorer and Edge */
 }
 
+a{
+  word-wrap: break-word;
+}
+
 /* NEW SITE */
 .container,
 .container-fluid,