diff --git a/services/web/public/stylesheets/app/templates.less b/services/web/public/stylesheets/app/templates.less index f7d490ff48..d0f357bee2 100644 --- a/services/web/public/stylesheets/app/templates.less +++ b/services/web/public/stylesheets/app/templates.less @@ -11,9 +11,13 @@ .thumbnail { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); + -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); + height: 465px; + margin: 5% 0; + img { width: 100%; + height: 100%; } } @@ -23,11 +27,38 @@ color:@link-color; margin: 10px 0px 10px 20px; } + + display: flex; + justify-content: center; + align-items: center; } .caption { - background: lighten(@gray-lightest, 3%); - border-top: 1px solid #ddd; + text-align:center; + + .description { + font-style: italic; + padding: 5px 0; + } + + } + + /* Media Queries */ + @media (max-width: @screen-md-min) { + .thumbnail { + height: 400px; + width: 300px; + + margin: 5% auto; + } + + img { + width: 90%; + } + + .caption .description { + padding: 5px 50px; + } } }