Fixed the DB connection checker

Added mobile layout for user account page

admin/db_management/conn_check.php

@@ -17,7 +17,7 @@
   include("../dev_db_config.php"); // Include credentials
   
   try {  // Try opening the SQL database connection
-    $conn = new PDO("mysql:host=$servername;dbname=$dbName", $username, $password);
+    $conn = new PDO("mysql:host=$servername;dbname=$dbName", $dbUsername, $dbPassword);
     // set the PDO error mode to exception
     $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
     echo "<p>Database connection successful!</p>";

admin/index.php

@@ -103,11 +103,6 @@ session_start();
                     echo "<a href=\"./\" class=\"subNavLink\" id=\"adminHomeButton\">ADMIN PANEL</a>";
                 }
                 ?>
-                <?php 
-                if (isset($_SESSION["userID"])){
-                    echo "<a href=\"/user/" . $_SESSION["username"] . " \" class=\"subNavLink\">MY ACCOUNT</a>";
-                }
-                ?>
                 <a href="../" class="subNavLink" id="mainHomeButton">HOME</a>
                 <p class="newLine"></p>
                 <?php 

styles/db_management.css

@@ -33,7 +33,7 @@
 .sqlOutput {
     border: 1px solid black;
     border-radius: 5px;
-    width: 400px;
+    max-width: 400px;
     padding: 5px;
     font-family: Arial, Helvetica, sans-serif;
 }
@@ -51,12 +51,3 @@
     margin: 10px !important;
 }
 
-
-@media only screen and (min-width: 360px) and (max-width: 1024px) {
-
-    .sqlOutput {
-        width: 275px;
-        border: none;
-    }
-
-}

styles/user_management_mobile.css

@@ -28,4 +28,20 @@
     visibility: hidden !important;
     height: 0;
     width: 0;
+}
+
+#accountDetailsBody {
+    width: auto;
+    flex-direction: column;
+}
+
+#accountDetailsPanel {
+    width:94%;
+    margin-bottom: 3%;
+}
+#accountSocialsPanel {
+    width:94%;
+}
+#passwordChangePanel {
+    width:94%;
 }