From d0fbfdf27a3bc0fc9af7fe0621eb86ad11c0851b Mon Sep 17 00:00:00 2001
From: benjaminadk <benjaminadk@gmail.com>
Date: Wed, 13 Mar 2019 20:06:59 -0700
Subject: [PATCH] :lipstick: Update Confirm, ExamItem styles

---
 CHANGELOG.md                                     | 1 +
 src/renderer/components/Confirm.js               | 1 +
 src/renderer/components/Content/Cover.js         | 1 +
 src/renderer/components/Content/Main/ExamItem.js | 3 ++-
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 37c1fc2..ff424eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@
 ### Changed
 
 - **Exam** folder optimized with `shouldComponentUpdate` and `React.memo`
+- **Confirm** styles
 
 ### Fixed
 
diff --git a/src/renderer/components/Confirm.js b/src/renderer/components/Confirm.js
index 2243cc0..b5426fd 100644
--- a/src/renderer/components/Confirm.js
+++ b/src/renderer/components/Confirm.js
@@ -34,6 +34,7 @@ const ConfirmStyles = styled.div`
     justify-content: center;
     font: 1.3rem 'Open Sans';
     font-weight: 600;
+    padding: 1rem;
   }
   .actions {
     height: 5rem;
diff --git a/src/renderer/components/Content/Cover.js b/src/renderer/components/Content/Cover.js
index 150b458..08c860e 100644
--- a/src/renderer/components/Content/Cover.js
+++ b/src/renderer/components/Content/Cover.js
@@ -15,6 +15,7 @@ const CoverStyles = styled.div`
 const Image = styled.img`
   max-height: 40vh;
   margin-bottom: 0.5rem;
+  border: 1px solid ${props => props.theme.grey[2]};
 `
 
 const NormalText = styled.div`
diff --git a/src/renderer/components/Content/Main/ExamItem.js b/src/renderer/components/Content/Main/ExamItem.js
index c7e8224..9b2d50f 100644
--- a/src/renderer/components/Content/Main/ExamItem.js
+++ b/src/renderer/components/Content/Main/ExamItem.js
@@ -7,13 +7,14 @@ import { BLUE_LOGO_PATH } from '../../../utils/filepaths'
 import formatCreatedAt from '../../../utils/formatCreatedAt'
 
 export const ExamItemStyles = styled.div`
-  min-width: 80rem;
+  min-width: 75rem;
   height: ${props => (props.expand ? '12rem' : '6rem')};
   display: grid;
   grid-template-rows: ${props => (props.expand ? '1fr 1fr' : '1fr')};
   border: 1px solid ${props => props.theme.grey[2]};
   border-radius: ${props => props.theme.borderRadius};
   cursor: pointer;
+  margin-right: 2rem;
   margin-bottom: 2rem;
   user-select: none;
   &:hover {