Improved whitespaces on small screens to show more of the course content

CHANGES.md

@@ -6,6 +6,7 @@ Changes
 
 ### Unreleased
 
+* 2018-01-23 - Improved whitespaces on small screens to show more of the course content.
 * 2018-12-20 - Fixed loginform.mustache as a wrong bootstrap class sneaked in previously and as a modification comment was missing
 * 2018-12-20 - Fixed a bug with modal help text setting occuring in (sub)plugins that use only enabled / enabled_help for the help texts.
 * 2018-12-19 - Improved the feature showhintcourseguestaccess to not be shown in some edge cases.

README.md

@@ -363,6 +363,10 @@ Improved font sizes and weights on category overview page for better readability
 
 * Replaced the the user settings icon with a button to edit the profile. The menu items shown in this setting are not related to the user profile in the closer sense, they are related to the user's system preferences. So we decided to replace this with the only profile related function. Furthermore, the user preferences can be accessed any time over the user's menu in the fixed to top navigation bar.
 
+### Layout
+
+* Reduced paddings on small screens (max. 768px) to be able to show a little bit more content and less whitespace.
+
 
 How this theme works
 -------------------

scss/post.scss

@@ -237,6 +237,18 @@ body.loginbackgroundimage {
 }
 
 
+/*------------------------------------
+  Course page
+  -------------------------------------*/
+
+/* Special style for small screens (768px and down) to show more course content because of reduced paddings. */
+@include media-breakpoint-down(sm) {
+    .path-course-view #region-main .card-body {
+        padding: 0.5rem 0;
+    }
+}
+
+
 /*------------------------------------
   Course header
   -------------------------------------*/