made recommended changes to css

CDLUC3 · May 22, 2024 · d4cfb29 · d4cfb29
1 parent 7ee8cfd
commit d4cfb29
Showing 1 changed file with 32 additions and 21 deletions.
diff --git a/react-client/src/pages/dashboard/dashboard.scss b/react-client/src/pages/dashboard/dashboard.scss
@@ -259,28 +259,39 @@
   }
 }
 
-#quick-view-view h3 {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-}
-
-#quick-view-view h3 .form-actions {
-  margin-top: 0;
-  padding-top: 0;
-  padding-left: 0;
-}
-
-#quick-view-view h3 .form-actions button {
-  margin-top: 0;
-  padding: 0.25rem 0.5rem;
-  font-size: 1rem;
-}
+#quick-view-view {
+  h3 {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+
+    .form-actions {
+      margin-top: 0;
+      padding-top: 0;
+      padding-left: 0;
+
+      button {
+        border-radius: 50%;
+        position: absolute;
+        right: 10px;
+        top: 10px;
+        height: 32px;
+        width: 32px;
+        font-size: .8rem;
+        padding: 0;
+
+        &:hover {
+          background-color: #ccc;
+        }
+      }
+    }
+  }
 
-#quick-view-view p.preview-grant {
-  max-width: 100%;
-  overflow-wrap: anywhere;
+  p.preview-grant {
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
 }
 
 .filter-tags {