1 files changed, 73 insertions, 1 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index aa6754442..763de0eba 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -641,7 +641,6 @@
                 }
             }    
         }
-
     }
 }
 
@@ -720,4 +719,77 @@
     }
 }
 
+//------------------------------------------------------------------------------------------------------------------------------------------
+// DocCreatorMenu dashboard CSS
+//--------------------------------------------------------------------------------------------------------------------------------------------
+
+.docCreatorMenu-dashboard-view {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    overflow-y: scroll;
+    //align-items: flex-start;
+    margin: 5px;
+    margin-top: 0px;
+    width: calc(100% - 10px);
+    height: calc(100% - 30px);
+    border: 1px solid rgb(180, 180, 180);
+    border-radius: 5px;
+    -ms-overflow-style: none; 
+    scrollbar-width: none;
+
+    .topbar {
+        height: 30px;
+        width: 100%;
+    }
+
+    .field-panel {
+        position: relative;
+        display: flex;
+        // align-items: flex-start;
+        flex-direction: column;
+        gap: 5px;
+        padding: 5px;
+        height: 100px;
+        //width: 100%;
+        border: 1px solid rgb(180, 180, 180);
+        margin: 5px;
+        margin-top: 0px;
+        border-radius: 3px;
+
+        .properties-wrapper {
+            display: flex;
+            flex-direction: row;
+            align-items: flex-start;
+            gap: 5px;
+
+            .field-property-container {
+                background-color: rgb(40, 40, 40);
+                border: 1px solid rgb(100, 100, 100);
+                border-radius: 3px;
+                width: 30%;
+                height: 25px;
+                padding-left: 3px;
+                align-items: center;
+                color: whitesmoke;
+            }
+        }
+
+        .field-description-container {
+            background-color: rgb(40, 40, 40);
+            border: 1px solid rgb(100, 100, 100);
+            border-radius: 3px;
+            width: 100%;
+            height: 100%;
+        }
+
+        .top-right {
+            position: absolute;
+            top: 0px;
+            right: 0px;
+        }
+    }
+}
+