Shrink logo instead of hide on xs screen.

CenterForOpenScience · Dec 13, 2016 · d259d7a · d259d7a
1 parent 21364d4
commit d259d7a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -1071,6 +1071,8 @@ label.title-label {
     background-position-y: bottom;
     background-repeat: no-repeat;
     background-size: contain;
+    min-height: 80px;
+    min-width: 120px;
 }
 
 @media (max-width: 768px) {
@@ -1087,6 +1089,11 @@ label.title-label {
     .share-row {
         margin-top: 20px;
     }
+    .content-provider-logo {
+        background-position-x: left !important;
+        min-height: 40px;
+        min-width: 60px;
+    }
 }
 
 .social-media-icons {
@@ -1097,12 +1104,6 @@ label.title-label {
     margin-top: 10px;
 }
 
-
-.content-provider-logo {
-    min-height: 80px;
-    min-width: 120px;
-}
-
 .discover-provider-logo {
     min-height: 80px;
     min-width: 150px;

diff --git a/app/templates/content.hbs b/app/templates/content.hbs
@@ -35,7 +35,7 @@
                         </a>
                     {{/if}}
                     <br>
-                    <div class="content-provider-logo provider-{{model.provider.id}} hidden-xs" title="{{model.provider.name}}"></div>
+                    <div class="content-provider-logo provider-{{model.provider.id}}" title="{{model.provider.name}}"></div>
                 </div>
             </div>
         </div> {{!END CONTAINER DIV}}