Update layout

src/assets/styles/utils.scss

@@ -78,3 +78,7 @@ ul {
 .z-index-1 {
     z-index: 1;
 }
+
+.flex-basis-fit-content {
+    flex-basis: fit-content;
+}

src/common/Button.tsx

@@ -13,7 +13,7 @@ export interface ButtonProps extends FlexProps
 
 export const Button: FC<ButtonProps> = props =>
 {
-    const { variant = 'primary', size = null, active = false, disabled = false, classNames = [], ...rest } = props;
+    const { variant = 'primary', size = 'sm', active = false, disabled = false, classNames = [], ...rest } = props;
 
     const getClassNames = useMemo(() =>
     {

src/common/Grid.tsx

@@ -23,6 +23,7 @@ export const Grid: FC<GridProps> = props =>
         const newClassNames: string[] = [];
 
         if(!grow) newClassNames.push('h-100');
+        else newClassNames.push('flex-basis-fit-content');
 
         if(inline) newClassNames.push('inline-grid');
         else newClassNames.push('grid');

src/layout/card/NitroCardView.scss

@@ -2,7 +2,6 @@ $nitro-card-header-height: 33px;
 $nitro-card-tabs-height: 33px;
 
 .nitro-card {
-    pointer-events: all;
     resize: both;
 
     @include media-breakpoint-down(sm) {

src/layout/draggable-window/DraggableWindow.scss

@@ -21,5 +21,6 @@
     .draggable-window {
         display: inline-block;
         visibility: hidden;
+        pointer-events: all;
     }
 }