design tweaks

Altinn · Nov 29, 2024 · c2ad51b · c2ad51b
1 parent 7e5f1ce
commit c2ad51b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/frontend/packages/ux-editor/src/containers/DesignView/AddItem/AddItemModal.module.css b/frontend/packages/ux-editor/src/containers/DesignView/AddItem/AddItemModal.module.css
@@ -1,6 +1,6 @@
 .componentButtonInline {
-  height: 80px;
-  width: 140px;
-  margin: 8px;
+  height: 60px;
+  width: 120px;
+  margin: 4px;
   padding: 6px;
 }
diff --git a/frontend/packages/ux-editor/src/containers/DesignView/AddItem/ComponentButton.module.css b/frontend/packages/ux-editor/src/containers/DesignView/AddItem/ComponentButton.module.css
@@ -1,14 +1,14 @@
 .componentButton {
   margin: 4px;
-  width: 140px;
-  height: 100px;
+  width: 120px;
+  height: 80px;
   padding: 2px;
   overflow: wrap;
 }
 
 .componentButtonInline {
-  height: 80px;
-  width: 140px;
-  margin: 8px;
+  height: 60px;
+  width: 120px;
+  margin: 4px;
   padding: 2px;
 }
diff --git a/frontend/packages/ux-editor/src/containers/DesignView/AddItem/ComponentButton.tsx b/frontend/packages/ux-editor/src/containers/DesignView/AddItem/ComponentButton.tsx
@@ -20,7 +20,7 @@ export function ComponentButton({
     <StudioButton
       variant={selected ? 'primary' : 'secondary'}
       onClick={onClick}
-      size='sm'
+      size='xs'
       aria-label={tooltipContent}
       className={inline ? classes.componentButtonInline : classes.componentButton}
       title={tooltipContent}

diff --git a/frontend/packages/ux-editor/src/data/formItemConfig.ts b/frontend/packages/ux-editor/src/data/formItemConfig.ts
@@ -578,14 +578,14 @@ export const defaultComponents: ComponentType[] = [
 
 export const allComponents: KeyValuePairs<ComponentType[]> = {
   form: [ComponentType.Input, ComponentType.TextArea, ComponentType.Datepicker],
+  text: [ComponentType.Header, ComponentType.Paragraph, ComponentType.Panel, ComponentType.Alert],
   select: [
     ComponentType.Checkboxes,
     ComponentType.RadioButtons,
     ComponentType.Dropdown,
     ComponentType.MultipleSelect,
     ComponentType.Likert,
   ],
-  text: [ComponentType.Header, ComponentType.Paragraph, ComponentType.Panel, ComponentType.Alert],
   info: [
     ComponentType.InstanceInformation,
     ComponentType.Image,