Reverted collapsible design for Hazels

1 files changed, 17 insertions, 21 deletions

diff --git a/app/assets/stylesheets/pages/admin.scss b/app/assets/stylesheets/pages/admin.scss
index d8a3d1af9a2..caf68308cc2 100644
--- a/app/assets/stylesheets/pages/admin.scss
+++ b/app/assets/stylesheets/pages/admin.scss
@@ -99,29 +99,25 @@
 }
 
 .abuse-reports {
-  .btn-group {
-    margin-top: 4px;
-  }
-  .panel-body {
-    max-height: 300px;
-    overflow-y: scroll;
-  }
-  .panel-heading {
-    position: relative;
-  }
-  .clickable-entity {
-    display: inline;
-    position: relative;
-    z-index: 2;
+  table-layout: fixed;
+  .action-buttons a {
+    white-space: normal;
+  }
+  th {
+    width: 15%;
+    &.wide {
+      width: 55%;
+    }
   }
-  .clickable-title {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
+  @media (max-width: $screen-sm-max) {
+    th {
+      width: 100%;
+    }
+    td {
+      width: 100%;
+      float: left;
+    }
   }
-
   .no-reports {
     .emoji-icon {
       margin-left: $btn-side-margin;