From f102fe801426d157fe667bd88e71aa953e0ba90c Mon Sep 17 00:00:00 2001
From: Sweetbread <sweetbread@coders-squad.com>
Date: Sun, 2 Feb 2025 20:19:43 +0300
Subject: [PATCH] fix: Close button

---
 static/index.css             | 11 +++++++++++
 templates/sql-injection.html |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/static/index.css b/static/index.css
index 0f7e8e6..db3b962 100644
--- a/static/index.css
+++ b/static/index.css
@@ -24,6 +24,17 @@
     padding: 0.7rem 2rem;
     background-color: rgba(0,0,0, 0.85);
     text-align: left;
+
+.close-btn {
+    display: block;
+    position: sticky;
+    bottom: 20px;
+    right: 20px;
+    width: max-content;
+    backdrop-filter: blur(10px);
+    margin-left: auto;
+    padding: .5rem;
+    border-radius: 4px;
 }
 
 .inpt {
diff --git a/templates/sql-injection.html b/templates/sql-injection.html
index 7621e88..afd8d8e 100644
--- a/templates/sql-injection.html
+++ b/templates/sql-injection.html
@@ -14,7 +14,8 @@ cursor.execute(f'SELECT * FROM Users WHERE login == "{login}" AND password == "{
                 Вводим в соответствующее поле предполагаемый логин админа - <span class="mono">admin</span>, а часть кода с проверкой пароля, которая идёт после проверки логина, просто закомментируем знаками <span class="mono">";--</span>.
                 Если мы введём <span class="mono">admin";--</span> в поле логин, то наш запрос на сервер отправится вот так:</p>
             <pre><code class="codefont python">cursor.execute(f'SELECT * FROM Users WHERE login == "admin";--" AND password == "{password}"')</code></pre>
-            <p class="simpletext">Вы успешно вошли под логином <span class="mono">admin</span>. <span class="usable-context" onclick="hidePopup()">скрыть</span></p>
+            <p class="simpletext">Вы успешно вошли под логином <span class="mono">admin</span>.</p>
+            <span class="close-btn usable-context" onclick="hidePopup()">скрыть</span>
         </div>
         <div class="divv" id="sqlInpt">
             <form action="sql-injection" method="post" class="simpletext">