Finish notifications menu

scss/notifications/popups.scss

@@ -6,14 +6,14 @@
 .notification-card {
   color: $text;
   background: $mantle;
-  margin-right: 0.4rem;
-  border: 0.15rem solid $surface0;
-  min-width: 28rem;
+  margin-right: 0.45em;
+  border: 0.15em solid $surface0; 
+  min-width: 23.5em;
   min-height: 6rem;
-  border-radius: 0.4rem;
+  border-radius: 0.3em;
 
   &:not(:first-child) {
-    margin-top: 1rem;
+    margin-top: 0.85em;
   }
 }
 
@@ -23,58 +23,53 @@
 
 
 .notification-card-image-container {
-  margin: 0.75rem 0.75rem;
-  border-radius: 0.4rem;
+  margin: 0.65em 0.65em;
+  border-radius: 0.4em;
 }
 .notification-card-image {
-  border-radius: 0.4rem;
-  min-width: 3rem;
-  min-height: 3rem;
-  padding: 1rem 1rem;
+  border-radius: 0.4em;
+  min-width: 2.5em;
+  min-height: 2.5em;
+  padding: 0.85em 0.85em;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
 }
 
 .notification-card-content {
-  min-width: 3.5rem;
-  min-height: 3.5rem;
-  padding: 0.6rem 0.6rem;
+  min-width: 2.9em;
+  min-height: 2.9em;
+  padding: 0.5em 0.5em;
   margin-right: 1rem;
 }
 
 .notification-card-content.noimg {
-  margin-left: 1.5rem;
-  margin-top: .2rem;
-}
-
-.notification-card-appname-label {
-  font-size: 0.9rem;
-  color: $pink;
+  margin-left: 1.3em;
+  margin-top: .15em;
 }
 
 .notification-card-header-label {
-  font-size: 1.15rem;
-  margin-bottom: 0.5rem;
+  font-size: 0.95em;
+  margin-bottom: 0.5em;
   color: $lavender;
 }
 
 .notification-card-body-label {
-  font-size: 1rem;
+  font-size: 0.84em;
   font-weight: 600;
 }
 
 .notification-card-actions {
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
+  margin-top: 0.95em;
+  margin-bottom: 0.4em;
 }
 
 .notification-action-buttons {
   color: $lavender;
   background: $surface0;
-  min-width: 6rem;
-  min-height: 2rem;
-  border-radius: 0.2rem;
+  min-width: 4em;
+  min-height: 1.65em;
+  border-radius: 0.2em;
 
   &:not(:last-child) {
     margin-right: 2rem;
@@ -86,18 +81,18 @@
 }
 
 .notification-icon {
-  margin-bottom: 0.6rem;
-  font-size: 1.5rem;
+  margin-bottom: 0.4em;
+  font-size: 1.3em;
 }
 
 .close-notification-button {
   background: $red;
   color: $crust;
-  min-width: 2.5rem;
-  border-radius: 0rem 0.35rem 0.35rem 0rem;
+  min-width: 2.1em;
+  border-radius: 0rem 0.35em 0.35em 0em;
 
   label {
-    font-size: 1.7rem;
+    font-size: 1.5em;
   }
 
   &:hover {