Setup: fix for when you tick verify SSL/TLS verification

[irc/unrealircd/unrealircd-webpanel.git] / index.php

diff --git a/index.php b/index.php
index 397cf17fab2ee05a88996e7c5051fe7d0032313a..175d4ea3a227fe6f9385a3fb0787653b08f1ec62 100644 (file)
--- a/index.php
+++ b/index.php
@@ -24,7 +24,12 @@ Hook::run(HOOKTYPE_GET_USER_LIST, $userlist);
 $num_of_panel_admins = count($userlist);
 
 ?>
-<div class="container">
+<style>
+       .card {
+               min-height: 100%;
+       }
+       </style>
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
        <div class="row mt-3">
                <div class="col-sm mb-3">
@@ -122,7 +127,7 @@ $num_of_panel_admins = count($userlist);
                </div>
        </div>
 </div>
-<div class="container mt-3">
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
        <div class="row">
                <div class="col-sm mb-3">
@@ -256,9 +261,29 @@ $num_of_panel_admins = count($userlist);
        initStats();
        //setInterval(updateStats, 1000); // Update stats every second
        // ^ commented out but may want to restart initStats() when connection is lost.
+
+       
+       window.addEventListener('resize', function() {
+               var containers = document.querySelectorAll('.card-container');
+               var width = window.innerWidth;
+               if (width < 768)
+               {
+                       containers.forEach((container) => {
+                               container.removeAttribute('style');
+
+                       });
+               } else 
+               {
+                       containers.forEach((container) => {
+                               container.style.marginLeft = "40px";
+                               container.style.marginTop = "30px";
+
+                       });
+               }
+       });
 </script>
 
-<div class="container mt-3">
+<div class="container card-container card-container" style="margin-left:40px;margin-top:10px">
 
                        <div class="row">
                                <div class="col-sm-3">
@@ -276,7 +301,7 @@ $num_of_panel_admins = count($userlist);
                                                <div class="card-body">
                                                        <div class="row">
                                                                <div class="col">
-                                                                       <h6>Panel Access</h6>
+                                                                       <h6>Panel Accounts</h6>
                                                                </div>
                                                                <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>settings">View</a></div>
                                                        </div>