style(tooltips): increase size of tooltip icons and align with headin…

…gs (#1673)
entur · Oct 10, 2024 · 2a2a71d · 2a2a71d
1 parent a540110
commit 2a2a71d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 16 deletions.
diff --git a/tavla/app/(admin)/edit/[id]/components/Footer/index.tsx b/tavla/app/(admin)/edit/[id]/components/Footer/index.tsx
@@ -42,7 +42,7 @@ function Footer({
  content="Skriv en kort tekst som skal vises nederst i tavlen."
  placement="top"
  >
- <ValidationInfoIcon className="mb-2" />
+ <ValidationInfoIcon className="mb-3" size={20} />
  </Tooltip>
  </div>
  <div className="h-full">

diff --git a/tavla/app/(admin)/edit/[id]/components/MetaSettings/Adress.tsx b/tavla/app/(admin)/edit/[id]/components/MetaSettings/Adress.tsx
@@ -27,7 +27,7 @@ function Address({ bid, location }: { bid: TBoardID; location?: TLocation }) {
  content="Under innstillingene til hvert stoppested kan du velge om gåavstanden, fra tavlens adresse til selve stoppestedet, skal vises"
  placement="top"
  >
- <ValidationInfoIcon className="mb-2" />
+ <ValidationInfoIcon className="md:mb-2 mb-3" size={20} />
  </Tooltip>
  </div>
  <div className="h-full">

diff --git a/tavla/app/(admin)/edit/[id]/components/TileCard/index.tsx b/tavla/app/(admin)/edit/[id]/components/TileCard/index.tsx
@@ -366,16 +366,12 @@ function TileCard({
  )}
  </div>
 
- <Heading4>Kolonner</Heading4>
- <div className="flex flex-row items-center gap-2">
- <SubParagraph>
- Her bestemmer du hvilke kolonner som skal vises
- i tavlen.
- </SubParagraph>
+ <div className="flex flex-row items-baseline gap-1">
+ <Heading4>Kolonner</Heading4>
  <Tooltip
  aria-hidden
  placement="top"
- content="Vis forklaring"
+ content="Vis forklaring på kolonner"
  >
  <IconButton
  type="button"
@@ -386,6 +382,12 @@ function TileCard({
  </IconButton>
  </Tooltip>
  </div>
+ <div className="flex flex-row items-center gap-2">
+ <SubParagraph>
+ Her bestemmer du hvilke kolonner som skal vises
+ i tavlen.
+ </SubParagraph>
+ </div>
  <ColumnModal
  isOpen={isColumnModalOpen}
  setIsOpen={setIsColumnModalOpen}

diff --git a/tavla/app/(admin)/organizations/components/DefaultColumns/index.tsx b/tavla/app/(admin)/organizations/components/DefaultColumns/index.tsx
@@ -51,22 +51,24 @@ function DefaultColumns({
 
  return (
  <div className="box flex flex-col gap-1">
- <Heading2>Kolonner</Heading2>
- <div className="flex flex-row items-center mb-8 gap-2">
- <Paragraph margin="none">
- Velg hvilke kolonner som skal være standard når det
- opprettes en ny tavle.
- </Paragraph>
+ <div className="flex flex-row items-baseline">
+ <Heading2>Kolonner</Heading2>
  <Tooltip aria-hidden placement="top" content="Vis forklaring">
  <IconButton
  type="button"
  aria-label="Vis forklaring på kolonner"
  onClick={() => setIsOpen(true)}
  >
- <QuestionIcon />
+ <QuestionIcon size={24} />
  </IconButton>
  </Tooltip>
  </div>
+
+ <Paragraph margin="none">
+ Velg hvilke kolonner som skal være standard når det opprettes en
+ ny tavle.
+ </Paragraph>
+
  <ColumnModal isOpen={open} setIsOpen={setIsOpen} />
 
  <form action={action}>