make slides line more compact

strongloop · Mar 19, 2019 · e101942 · e101942
1 parent f31b30b
commit e101942
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/css/resources.css b/css/resources.css
@@ -99,8 +99,8 @@ img.icon {
 }
 
 img.slides-icon {
-    width: 10%;
-    height:10%;
+    width: 6%;
+    height: 6%;
     margin-right: 16px;
     margin-top: 0px;
     margin-left: 16px;
@@ -112,11 +112,13 @@ img.slides-icon {
 }
 
 .pres {
-    min-height: 196px;
+    min-height: 180px;
 }
 
-.pres .row {
-    transform: translateY(15%);
+@media (min-width: 1200px) {
+    .pres .row {
+        transform: translateY(15%);
+    }
 }
 
 .date {

diff --git a/resources.html b/resources.html
@@ -296,7 +296,7 @@ <h6 style="margin-top: 18px; padding-right: 6px;">OLDER</h6>
     </section>
     <hr class="hairline">
 
-    <!-- Presentation videos section -->
+    <!-- Presentation section -->
     <section class="even-section">
         <div class="container">
             <div class="col-lg-12 text-center">
@@ -314,7 +314,7 @@ <h3 class="section-heading" style="padding-top: 48px;">Presentations</h3>
                                 </div>
                                 <div class="col-sm-9">
                                     <h5 class="card-title no-link">REST APIs in Minutes with LoopBack 4</h5>
-                                    <p class="regular text-gray">Janny Hou | Toronto Meetup 2019</p> 
+                                    <p class="regular text-gray" style="margin-bottom: 8px;">Janny Hou | Toronto Meetup 2019</p> 
                                     <a href="https://www.slideshare.net/DaveWhiteley1/2019-02-05-toronto-cloud-integration-meetup">
                                         <div class="row">
                                             <img class="icon slides-icon" src="img/resources/slideshare-brands.svg" alt="Slideshare icon"/>