Use padding to adjust top size

This works better since it'll allow the top element directly under `tutor-booksplash-background` to be targeted.
openstax · May 22, 2015 · 808c889 · 808c889
1 parent f4e4c20
commit 808c889
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/resources/styles/components/course-calendar/month.less b/resources/styles/components/course-calendar/month.less
@@ -28,11 +28,11 @@
 
 .list-courses {
   background-color: transparent;
+  .tutor-booksplash-adjust-top-padding(120px);
 
   .calendar-container{
     background-color: @tutor-white;
     .bootstrap-column-padding-override();
-    .tutor-booksplash-adjust-top-margin(120px);
     padding-bottom: @tutor-card-body-padding-vertical;
   }
 

diff --git a/resources/styles/components/student-dashboard/dashboard.less b/resources/styles/components/student-dashboard/dashboard.less
@@ -1,7 +1,7 @@
 .student-dashboard {
   @small-height-breakpoint: 600px;
   .container {
-    .tutor-booksplash-adjust-top-margin();
+    .tutor-booksplash-adjust-top-padding();
   }
 
   .right-actions-box {

diff --git a/resources/styles/global/tutor-booksplash-background.less b/resources/styles/global/tutor-booksplash-background.less
@@ -36,9 +36,9 @@
   // custom backgrounds images for different types
   &[data-title=Physics]:after{ .tutor-background-image("physics.jpg"); }
 }
-.tutor-booksplash-adjust-top-margin(@normal-top-margin: 100px, @short-top-margin: 35px){
-  margin-top: @normal-top-margin;
+.tutor-booksplash-adjust-top-padding(@normal-top-padding: 100px, @short-top-padding: 35px){
+  padding-top: @normal-top-padding;
   // if the screen is short, move up even though it means
   // the booksplash background won't be as visible
-  @media screen and ( max-height: 600px ){ margin-top: @short-top-margin; }
+  @media screen and ( max-height: 600px ){ padding-top: @short-top-padding; }
 }