From 67dedc60cc69cd3346992ba777b0bd8e0b23149b Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Thu, 15 Sep 2022 17:35:06 +0000
Subject: [PATCH] fixy fixy

---
 Sniffle/sniffle.css | 17 ++++++++++++-----
 account.php         |  4 ++--
 css/main.css        | 20 ++++++++++----------
 css/scss/_body.scss | 16 ++++++++--------
 4 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/Sniffle/sniffle.css b/Sniffle/sniffle.css
index 27fda32..369fe4c 100644
--- a/Sniffle/sniffle.css
+++ b/Sniffle/sniffle.css
@@ -58,7 +58,7 @@
   cursor: pointer;
 }
 
-.sniffle-notification:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3), :nth-of-type(4)) {
+.sniffle-notification:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3), :nth-of-type(4), :nth-of-type(5)) {
   display: none;
   opacity: 0;
 }
@@ -71,24 +71,31 @@
 .sniffle-notification:nth-of-type(2) {
   z-index: -1;
   transform: scale(0.95);
-  margin-top: -4.8rem;
+  margin-top: -5rem;
   opacity: 1;
   transition: transform 1.25s, opacity 0.5s;
 }
 .sniffle-notification:nth-of-type(3) {
   z-index: -2;
   transform: scale(0.9);
-  margin-top: -4.8rem;
+  margin-top: -5rem;
   opacity: 1;
   transition: transform 1.5s, opacity 0.75s;
 }
 .sniffle-notification:nth-of-type(4) {
   z-index: -3;
   transform: scale(0.85);
-  margin-top: -4.8rem;
-  opacity: 0;
+  margin-top: -5rem;
+  opacity: 1;
   transition: transform 1.75s, opacity 1s;
 }
+.sniffle-notification:nth-of-type(5) {
+  z-index: -4;
+  transform: scale(0.80);
+  margin-top: -5rem;
+  opacity: 0;
+  transition: transform 2s, opacity 1.25s;
+}
 
 /*
   Notification content Root
diff --git a/account.php b/account.php
index 12b8ccd..2a6f505 100644
--- a/account.php
+++ b/account.php
@@ -64,7 +64,7 @@
 											<p><?php echo $log['action']; ?></p>
 											<?php
 												$log_time = new DateTime($log['time']);
-												echo "<p>" . $log_time->format('d/m/Y H:i:s T') . "<br>" . $diff->time($log['time']) . "</p>";
+												echo "<p>" . $log_time->format('Y-m-d H:i:s T') . " | " . $diff->time($log['time']) . "</p>";
 											?>
 										</div>
 									<?php
@@ -91,7 +91,7 @@
 											<p><?php echo $ban['length']; ?> mins</p>
 											<?php
 												$log_time = new DateTime($ban['time']);
-												echo "<p>" . $log_time->format('d/m/Y H:i:s T') . "<br>" . $diff->time($ban['time']) . "</p>";
+												echo "<p>" . $log_time->format('Y-m-d H:i:s T') . "<br>" . $diff->time($ban['time']) . "</p>";
 											?>
 										</div>
 									<?php
diff --git a/css/main.css b/css/main.css
index f6619bc..5f3ae54 100644
--- a/css/main.css
+++ b/css/main.css
@@ -633,8 +633,8 @@ nav .btn {
 
 .logs {
   width: 100%;
-  max-height: 20rem;
-  min-height: 5rem;
+  max-height: 21rem;
+  min-height: auto;
   padding: 0;
   overflow-y: scroll;
   display: flex;
@@ -662,19 +662,19 @@ nav .btn {
   width: 5%;
 }
 .log > *:nth-child(2) {
-  width: 25%;
+  width: 17%;
 }
 .log > *:nth-child(3) {
-  width: 50%;
+  width: 38%;
 }
 .log > *:nth-child(4) {
-  width: 20%;
+  width: 40%;
 }
 
 .bans {
   width: 100%;
-  max-height: 20rem;
-  min-height: 5rem;
+  max-height: 21rem;
+  min-height: auto;
   padding: 0;
   overflow-y: scroll;
   display: flex;
@@ -702,16 +702,16 @@ nav .btn {
   width: 5%;
 }
 .ban > *:nth-child(2) {
-  width: 20%;
+  width: 17%;
 }
 .ban > *:nth-child(3) {
-  width: 45%;
+  width: 38%;
 }
 .ban > *:nth-child(4) {
   width: 10%;
 }
 .ban > *:nth-child(5) {
-  width: 20%;
+  width: 30%;
 }
 
 .perm {
diff --git a/css/scss/_body.scss b/css/scss/_body.scss
index 47073bd..053d2bf 100644
--- a/css/scss/_body.scss
+++ b/css/scss/_body.scss
@@ -349,7 +349,7 @@
 
 .logs {
     width: 100%;
-    max-height: 20rem; min-height: 5rem;
+    max-height: 21rem; min-height: auto;
 
     padding: 0;
 
@@ -382,20 +382,20 @@
             width: 5%;
         }
         &:nth-child(2) {
-            width: 25%;
+            width: 17%;
         }
         &:nth-child(3) {
-            width: 50%;
+            width: 38%;
         }
         &:nth-child(4) {
-            width: 20%;
+            width: 40%;
         }
     }
 }
 
 .bans {
     width: 100%;
-    max-height: 20rem; min-height: 5rem;
+    max-height: 21rem; min-height: auto;
 
     padding: 0;
 
@@ -428,16 +428,16 @@
             width: 5%;
         }
         &:nth-child(2) {
-            width: 20%;
+            width: 17%;
         }
         &:nth-child(3) {
-            width: 45%;
+            width: 38%;
         }
         &:nth-child(4) {
             width: 10%;
         }
         &:nth-child(5) {
-            width: 20%;
+            width: 30%;
         }
     }
 }