form

application/auth/templates/login.html

@@ -5,7 +5,7 @@ Login
 {% endblock %}
 
 {% block content %}
-<form class="bg-body-tertiary" method="POST">
+<form class="form bg-body-tertiary" method="POST">
     {{ form.hidden_tag() }}
     <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 
         <symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">

application/dash/templates/dashboard.html

@@ -5,8 +5,12 @@
 {%block content%}
 <div class="grid-container">
     {% for service in services%}
-    <div id="item">
+    <div class="bg-light container-xxl">
-        <div class="dropdown">
+        <div class="row" onclick="location.href='{{service.url}}';" style="cursor: pointer;" >
+            Name: {{service["name"]}} <br>
+            URL: {{service["url"]}}
+        </div>
+        <div class="dots dropdown">
             <button class="btn btn-light" type="button" id="threeDotDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                 &#x22EE;
             </button>
@@ -15,15 +19,12 @@
                 <li><hr class="dropdown-divider"></li>
                 <li>
                     <form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST" style="display:inline;">
-                        <a class="dropdown-item"><button style="none" type="submit">Delete</button></a>
+                        <button type="submit" class="dropdown-item">Delete</button>
                     </form>
                 </li>
             </ul>
         </div>
-        <div onclick="location.href='{{service.url}}';" style="cursor: pointer;" class="container-xxl">
+        
-            Name: {{service["name"]}} <br>
-            URL: {{service["url"]}}
-        </div>
     </div>
     {% endfor %}
 </div>

application/static/style.css

@@ -22,11 +22,10 @@ body {
     padding-bottom: 5px;
     border: 2px solid black;
     border-radius: 10px;
-    background-color: whitesmoke;
 }
 
-button {
+.dots {
-    
+    margin-left: 90%;
 }
 
 /* Login page */