Merge pull request #39 from healthwise/jsaraceno/fix-thumbnail-image-…

…size revert flex, fix missing image size, bump version
healthwise · Feb 6, 2020 · a83d718 · a83d718
2 parents a37aeaf + 975a2f1
commit a83d718
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 14 deletions.
diff --git a/packages/content/package-lock.json b/packages/content/package-lock.json
diff --git a/packages/content/package.json b/packages/content/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@healthwise-ui/content",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Shared React UI library to use with Healthwise content.",
   "main": "index.js",
   "unpkg": "healthwise-ui.min.js",

diff --git a/packages/content/src/MediaGallery/index.js b/packages/content/src/MediaGallery/index.js
@@ -86,9 +86,7 @@ const SectionGallery = styled.section`
 `
 
 const UlList = styled.ul`
-  display: flex;
-  flex-direction: row;
-  margin: 0 0 18px 0;
+  margin: 0;
   padding: 0;
 
   & li {
@@ -128,7 +126,7 @@ const ActiveThumbnailButton = styled.button`
   padding: 0;
   width: 84px;
   height: 56px;
-  border: 1px solid #abb2c1;
+  border: 1px solid #017acd;
   cursor: pointer;
 
   &:focus,
@@ -137,7 +135,11 @@ const ActiveThumbnailButton = styled.button`
     outline: 2px solid #000;
   }
 
-  border: 1px solid #017acd;
+  & img {
+    width: 84px;
+    height: 56px;
+  }
+
 `
 
 class MediaGallery extends Component {