💄 Update Confirm, ExamItem styles

exam-simulator · Mar 14, 2019 · d0fbfdf · d0fbfdf
1 parent a820e69
commit d0fbfdf
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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 {