feat(style): improve display of beer image

luhmann · Mar 18, 2018 · cdeef05 · cdeef05
1 parent fa675c8
commit cdeef05
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Beer.re b/src/Beer.re
@@ -29,14 +29,14 @@ let make =
  | None => ReasonReact.nullElement
  | Some(i_) =>
  <div
- className="bg-contain bg-center flex-grow bg-no-repeat h-48 sm:h-auto beerImg-width"
+ className="bg-contain bg-top flex-grow bg-no-repeat h-48 sm:h-auto beerImg-width"
  style=(ReactDOMRe.Style.make(~backgroundImage={j|url($i_)|j}, ()))
  />
  };
  <div
  className="shadow-lg rounded mb-4 overflow-hidden max-w-md p-3 sm:flex test-beer-card">
  imageItem
- <div className="p-4">
+ <div className="pb-4 pr-4 pl-4 pt-4 sm:pt-0">
  <h2
  className="font-black tracking-wide leading-tight test-beer-card-name">
  (ReasonReact.stringToElement(name))

diff --git a/src/css/main.css b/src/css/main.css
@@ -57,7 +57,7 @@
  */
 
 .beerImg-width {
- min-width: 8rem;
+ min-width: 10rem;
 }
 
 .spinner {
@@ -69,7 +69,7 @@
 .spinner > div {
  width: 18px;
  height: 18px;
- background-color: config("colors.grey");
+ background-color: config('colors.grey');
 
  border-radius: 100%;
  display: inline-block;