From 49da662cf8b284ea9ba5a482a19b077014b3975a Mon Sep 17 00:00:00 2001
From: Berke Anday Baloglu <31995815+andyanday33@users.noreply.github.com>
Date: Sun, 28 May 2023 15:56:58 +0200
Subject: [PATCH 1/3] style: change responsive image styling

---
 src/components/Map/Map.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx
index 9f826dc..ba87488 100644
--- a/src/components/Map/Map.tsx
+++ b/src/components/Map/Map.tsx
@@ -100,7 +100,7 @@ export const Map = (props: MapProps) => {
             }}
           >
             <IconButton
-              sx={styles.button}
+              sx={styles.headerbutton}
               color="inherit"
               onClick={() => {
                 helpView.toggle(!helpView.isOpen);
@@ -119,7 +119,7 @@ export const Map = (props: MapProps) => {
             }}
           >
             <IconButton
-              sx={styles.button}
+              sx={styles.headerButton}
               color="inherit"
               onClick={() => {
                 aboutView.toggle(!aboutView.isOpen);

From 9cba57a8bf262a774b9977e1e4989b2dbacba5bb Mon Sep 17 00:00:00 2001
From: Berke Anday Baloglu <31995815+andyanday33@users.noreply.github.com>
Date: Sun, 28 May 2023 15:57:54 +0200
Subject: [PATCH 2/3] style: change ballot box image styling

---
 .../UploadBallotBoxReport.tsx                 | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/features/ballot-box-report/UploadBallotBoxReport.tsx b/src/features/ballot-box-report/UploadBallotBoxReport.tsx
index b022647..dd24c10 100644
--- a/src/features/ballot-box-report/UploadBallotBoxReport.tsx
+++ b/src/features/ballot-box-report/UploadBallotBoxReport.tsx
@@ -75,16 +75,19 @@ export const UploadBallotBoxReport = () => {
                 pb: 1,
               }}
             >
-              <img
-                src={selectedFile as any}
-                alt="Ballot box report"
-                style={{
-                  width: "100%",
-                  height: "auto",
-                  maxHeight: "calc(100vh - 525px)",
-                  objectFit: "cover",
-                }}
-              />
+              <Box sx={{ backgroundColor: "#c9c9c9" }}>
+                <img
+                  src={selectedFile as any}
+                  alt="Ballot box report"
+                  style={{
+                    width: "100%",
+                    height: "auto",
+                    maxHeight: "calc(100vh - 525px)",
+                    objectFit: "contain",
+                  }}
+                />
+              </Box>
+
               <Button sx={{ pointerEvents: "none" }}>
                 {t("uploadBallotReport.chooseNewPhoto")}
               </Button>

From 9a43e24238c595a561a3100dd69e746d7810cd10 Mon Sep 17 00:00:00 2001
From: Berke Anday Baloglu <31995815+andyanday33@users.noreply.github.com>
Date: Sun, 28 May 2023 15:58:55 +0200
Subject: [PATCH 3/3] Revert "style: change responsive image styling"

This reverts commit 49da662cf8b284ea9ba5a482a19b077014b3975a.
---
 src/components/Map/Map.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx
index ba87488..9f826dc 100644
--- a/src/components/Map/Map.tsx
+++ b/src/components/Map/Map.tsx
@@ -100,7 +100,7 @@ export const Map = (props: MapProps) => {
             }}
           >
             <IconButton
-              sx={styles.headerbutton}
+              sx={styles.button}
               color="inherit"
               onClick={() => {
                 helpView.toggle(!helpView.isOpen);
@@ -119,7 +119,7 @@ export const Map = (props: MapProps) => {
             }}
           >
             <IconButton
-              sx={styles.headerButton}
+              sx={styles.button}
               color="inherit"
               onClick={() => {
                 aboutView.toggle(!aboutView.isOpen);