fix(carousel): center image when smaller than available space

Author: gillerr

src/assets/sass/components/focus.scss

@@ -38,7 +38,9 @@
         .oldie &,
         .ie9 & {
           width: 1%;
-          a {height: 69px;}
+          a {
+            height: 69px;
+          }
         }
 
         a {
@@ -120,7 +122,8 @@
         }
       }
     }
-  } // End of media queries
+  }
+  // End of media queries
 
   .tab-focus.carousel {
     margin-bottom: 55px !important;
@@ -133,6 +136,10 @@
       padding: 0 30px !important;
     }
 
+    .col-sm-7 {
+      text-align: center;
+    }
+
     .carousel-indicators {
       top: auto !important;
       bottom: -35px !important;

src/materials/03-content/05-teaser/05-carousel.html

@@ -30,7 +30,7 @@
       <div class="carousel-inner">
         <div class="item active">
           <h3>Entwicklungspolitik 1</h3>
-          <p>
+          <p class="text-center">
             <img class="carousel-img" src="http://placehold.it/588x331" alt="image description">
           </p>
           <div class="spacer"></div>