From ede25cc513afabd447b21c535baeb74f698257d1 Mon Sep 17 00:00:00 2001
From: alexsparkes <turbomarshmello@gmail.com>
Date: Wed, 13 Sep 2023 22:34:24 +0100
Subject: [PATCH] fix: Unsplash stats on photo info

---
 .../widgets/background/PhotoInformation.jsx        |  2 +-
 .../widgets/background/scss/_photoinformation.scss | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/background/PhotoInformation.jsx b/src/components/widgets/background/PhotoInformation.jsx
index 022c208b..32be5282 100644
--- a/src/components/widgets/background/PhotoInformation.jsx
+++ b/src/components/widgets/background/PhotoInformation.jsx
@@ -271,7 +271,7 @@ function PhotoInformation({ info, url, api }) {
               {photo} {credit}
             </span>
             {info.views && info.downloads !== null ? (
-              <div className="stats">
+              <div className="unsplashStats">
                 <div title={variables.getMessage('widgets.background.views')}>
                   <Views />
                   <span>{info.views.toLocaleString()}</span>
diff --git a/src/components/widgets/background/scss/_photoinformation.scss b/src/components/widgets/background/scss/_photoinformation.scss
index ae6fdfa3..a7a464a0 100644
--- a/src/components/widgets/background/scss/_photoinformation.scss
+++ b/src/components/widgets/background/scss/_photoinformation.scss
@@ -449,3 +449,17 @@
     }
   }
 }
+
+.unsplashStats {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
+  gap: 40px;
+  margin-right: 40px;
+  div {
+    display: flex;
+    flex-flow: row;
+    gap: 10px;
+    align-items: center;
+  }
+}