From 4e9b165f81aa16813a282eacb133af2cf2d40d4f Mon Sep 17 00:00:00 2001
From: Aurora Walberg <66901228+aurorawalberg@users.noreply.github.com>
Date: Mon, 8 Jan 2024 08:37:20 +0000
Subject: [PATCH] fix: missing styling on MdTiles after refactor to button
 (#66)

---
 packages/css/package.json      |  2 +-
 packages/css/src/tile/tile.css | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/css/package.json b/packages/css/package.json
index a50d7daa..5eeda3b4 100644
--- a/packages/css/package.json
+++ b/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@miljodirektoratet/md-css",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "CSS for Miljødirektoratet",
   "author": "Miljødirektoratet",
   "main": "./src/index.css",
diff --git a/packages/css/src/tile/tile.css b/packages/css/src/tile/tile.css
index cde1547a..e2d21b86 100644
--- a/packages/css/src/tile/tile.css
+++ b/packages/css/src/tile/tile.css
@@ -1,6 +1,6 @@
 /* HORIZONTAL TILES */
 .md-tile {
-  padding: 1.5em;
+  padding: 26px;
   border: 1px solid var(--mdGreyColor60);
   background-color: var(--mdPrimaryColor10);
   color: var(--mdGreyColor);
@@ -18,6 +18,7 @@
   border: 1px solid var(--mdPrimaryColor);
   background-color: var(--mdPrimaryColor20);
   transition: all 0.15s ease-in-out;
+  cursor: pointer;
 }
 
 .md-tile:not(.md-tile--disabled):focus {
@@ -52,10 +53,13 @@
 
 .md-tile__content-heading {
   font-size: 20px;
+  align-items: flex-start;
+  display: flex;
 }
 
 .md-tile__content-description {
   margin-top: 1em;
+  font-size: 16px;
 }
 
 .md-tile__arrow {
@@ -100,6 +104,7 @@
 .md-tile-vertical:hover {
   border: 1px solid var(--mdPrimaryColor);
   background-color: var(--mdPrimaryColor20);
+  cursor: pointer;
   transition: all 0.15s ease-in-out;
 }
 
@@ -114,15 +119,15 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 2em;
+  padding: 32px;
 }
 
 .md-tile-vertical--small .md-tile-vertical__content {
-  padding: 1.5em;
+  padding: 26px;
 }
 
 .md-tile-vertical--large .md-tile-vertical__content {
-  padding: 3em;
+  padding: 40px;
 }
 
 .md-tile-vertical__content-text {
@@ -149,4 +154,5 @@
 
 .md-tile-vertical__content-description {
   margin-top: 1em;
+  font-size: 16px;
 }