Small styling tweaks to LightBox

tim-soft · Jul 19, 2019 · 7ac3255 · 7ac3255 · vercel · Jul 19, 2019
1 parent 704c371
commit 7ac3255
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Lightbox/components/HeaderBar/index.js b/components/Lightbox/components/HeaderBar/index.js
@@ -98,14 +98,13 @@ const RightSideContainer = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-left: 20px;
 `;
 
 const CloseButton = styled(ButtonControl)`
   height: 100%;
   display: flex;
   border-left-style: solid;
-  border-left-width: 2px;
+  border-left-width: 3px;
   border-left-color: ${({ theme }) => theme.headerNavFontColor};
   color: inherit;
 `;
@@ -114,7 +113,7 @@ const LeftSideDescriptionContainer = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
-  border-left-width: 2px;
+  border-left-width: 3px;
   border-left-color: ${({ theme }) => theme.pageContentLinkHoverColor};
   border-left-style: solid;
   padding: 8px 0 8px 10px;

diff --git a/components/Lightbox/components/ImageStage/components/ImagePager/index.js b/components/Lightbox/components/ImageStage/components/ImagePager/index.js
@@ -188,6 +188,7 @@ export default ImagePager;
 
 const Image = styled.img`
   width: auto;
+  max-width: 100%;
   /* height: 100%; */
   /* Max height is screen height minus double header height */
   max-height: calc(100% - 90px);