feat: fix formatting of messages view, still need to fix functionality for mobile

Author: akinsey

src/views/Messages.vue

@@ -533,7 +533,7 @@ export default {
   }
 }
 
-.messages {
+.messages-grid .messages {
   grid-area: details;
 
   .action-bar {
@@ -730,15 +730,14 @@ export default {
   @include break-mobile-sm {
     background: $base-background-color;
     position: absolute;
-    top: 0;
+    top: 1rem;
     right: 0;
     bottom: 0;
     left: 0;
     margin-top: 1rem;
     padding: 0.5rem;
     transform: translateX(100%);
     transition: all ease-in-out 150ms;
-
     &.is__active {
       transform: translateX(0%);
     }