Visual fixes

public/sass/_header.scss

@@ -80,9 +80,33 @@ header {
 
     header {
 
+        padding: 3vh 0px;
+
+        height: auto;
+
+        h2 {
+
+            margin-bottom: 1vh;
+        }
+
         .redirect-button {
             width: 20vw;
             position: initial;
         }
+        
+        .account-preview {
+
+            position: initial;
+            
+            .full-name {
+
+                height: 0;
+    
+                &.show {
+
+                    opacity: 0%;
+                }
+            }
+        }
     }
 }

public/sass/control-panel/_account-preview.scss

@@ -40,7 +40,7 @@
 
     .full-name {
         
-        height: 5vh;
+        //height: 5vh;
         width: 10vw;
 
         margin-top: 0.5vh;
@@ -55,7 +55,9 @@
         transition: 0.4s ease-in-out;
         text-align: center;
         
+        padding: 0px 0.5vw;
         padding-bottom: 1vh;
+        border-radius: 10px;
 
         &.show {
 

public/sass/info-account/_info-account.scss

@@ -39,6 +39,8 @@
             width: 20vw;
             height: 10vh;
 
+            font-size: 15pt;
+
             background: rgb(185, 185, 185);
 
             transition: ease-in-out 0.4s;
@@ -48,6 +50,9 @@
             //border: 1px solid rgb(92, 92, 92);
             border-radius: 10px;
 
+            cursor: pointer;
+            
+
             &:hover {
                 background: rgb(255, 165, 165);
 
@@ -99,4 +104,67 @@
             }
         }
     }
+}
+
+
+@media (max-width: 991.98px) {
+
+    .info-account {
+        
+        .functions {
+
+            flex-direction: column;
+
+            .close-session {
+
+                width: 100%;
+
+                margin-bottom: 1vh;
+            }
+
+            .reffer-code-container {
+
+                margin-left: 0;
+            }
+        }
+    }
+}
+
+@media (max-width: 576px) {
+
+    .info-account {
+
+        .person {
+            width: auto;
+            margin: 0px 10vw;
+            margin-top: 2vh;
+
+            display: flex;
+            justify-content: center;
+            flex-direction: column;
+
+            align-items: flex-start;
+
+            h2, h3 {
+                margin: 0;
+                margin-bottom: 1vh;
+            }
+        }
+
+        .functions {
+
+            .reffer-code-container {
+
+                flex-direction: column;
+
+                button {
+
+                    border-radius: 10px;
+
+                    width: 20vw;
+                    height: 7vw;
+                }
+            }
+        }
+    }
 }