From 7ddf3c75a1676134a488194602dc1af40f797748 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sat, 6 Mar 2021 03:36:13 +0100
Subject: [PATCH] shadow tweak

---
 src/components/atoms/Exif.module.css  | 14 +++++---------
 src/components/atoms/Image.module.css |  6 +-----
 src/global/_variables.css             |  3 +++
 3 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/atoms/Exif.module.css b/src/components/atoms/Exif.module.css
index a995c19d..d09d820b 100644
--- a/src/components/atoms/Exif.module.css
+++ b/src/components/atoms/Exif.module.css
@@ -14,10 +14,10 @@
 
 .data span {
   display: block;
-  flex: 1 1 20%;
+  flex: 1 1 auto;
   white-space: nowrap;
-  padding: var(--spacer);
-  border-bottom: 1px dashed var(--text-color-dimmed);
+  padding: var(--spacer) calc(var(--spacer) / 1.5);
+  border-bottom: 1px dashed var(--border-color);
 }
 
 .data span svg {
@@ -37,16 +37,12 @@
   }
 
   .data span {
-    border-left: 1px dashed var(--text-color-dimmed);
+    border-left: 1px dashed var(--border-color);
     border-bottom: 0;
   }
 
-  .data span,
-  .data span:first-child {
-    flex: 1 1 auto;
-  }
-
   .data span:first-child {
+    flex-basis: auto;
     border-left: 0;
   }
 }
diff --git a/src/components/atoms/Image.module.css b/src/components/atoms/Image.module.css
index 431a9e56..c86773b1 100644
--- a/src/components/atoms/Image.module.css
+++ b/src/components/atoms/Image.module.css
@@ -23,11 +23,7 @@
   border-bottom: 2px solid transparent;
   border-radius: var(--border-radius);
   overflow: hidden;
-  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 16px rgba(0, 0, 0, 0.05);
-}
-
-:global(.dark) .frame {
-  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 16px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--box-shadow);
 }
 
 .image {
diff --git a/src/global/_variables.css b/src/global/_variables.css
index b355ea03..6236a0f4 100644
--- a/src/global/_variables.css
+++ b/src/global/_variables.css
@@ -22,6 +22,9 @@
   --body-background-color: var(--brand-light);
   --box-background-color: rgba(255, 255, 255, 0.4);
 
+  --box-shadow: 0 1.3px 5.4px rgba(0, 0, 0, 0.1),
+    0 4.5px 18.1px rgba(0, 0, 0, 0.06), 0 20px 81px rgba(0, 0, 0, 0.04);
+
   /* Text Colors
   ///////////////////////////////////// */