file previews

front/sass/_record-edit.scss

@@ -44,12 +44,25 @@
   margin: 6px 0;
   border-color: transparent;
 
-  .button{
+  .button {
     background: var(--p30);
-    &:hover{
+
+    &:hover {
       background: var(--p40);
     }
   }
+
+  dialog {
+    .button {
+      background: var(--p20);
+
+      &:hover {
+        background: var(--p30);
+      }
+    }
+  }
+
+
 }
 
 .field-header {
@@ -109,4 +122,24 @@
     line-height: 14px;
   }
 
+}
+
+.record-edit-file-preview {
+  display: flex;
+  gap: 20px;
+
+  .file-details {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+
+  }
+
+  .file-details-item {
+    .text-muted {
+      color: var(--grey-dark);
+    }
+
+  }
 }