Merge pull request #595 from ajnart/sidebar-style-adjustments

🎨 Tighten up sidebars

src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx

@@ -31,10 +31,6 @@ const SidebarInner = ({ location }: DashboardSidebarInnerProps) => {
   const { refs, apps, widgets } = useGridstack('sidebar', location);
 
   const minRow = useMinRowForFullHeight(refs.wrapper);
-  const {
-    cx,
-    classes: { card: cardClass },
-  } = useCardStyles(false);
 
   return (
     <div

src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts

@@ -30,7 +30,7 @@ export const initializeGridstack = (
   newGrid.current = GridStack.init(
     {
       column: columnCount,
-      margin: 10,
+      margin: areaType === 'sidebar' ? 5 : 10,
       cellHeight: 128,
       float: true,
       alwaysShowResizeHandle: 'mobile',