UI / Legacy: 42497, adjust carousel controls for lightboxes depending…

… on the lightbox type.

https://mantis.ilias.de/view.php?id=42497

templates/default/070-components/UI-framework/Modal/_ui-component_modal.scss

@@ -91,8 +91,15 @@ $il-modal-dark-carousel-color: $il-main-bg !default;
 			.modal-header {
 				border-bottom-color: $il-modal-light-color;
 			}
+			.modal-title {
+				padding: 0px;
+			}
+			.carousel-inner {
+				padding: 0px;
+			}
 			.carousel-control {
 				color: $il-modal-dark-carousel-color;
+				width: 15%;
 			}
 		}
 		.close {
@@ -158,6 +165,7 @@ $il-modal-dark-carousel-color: $il-main-bg !default;
 	font-size: $il-font-size-large;
 	margin: 0;
 	line-height: $modal-title-line-height;
+	padding: 0px 39px;
   }
 
   // Modal body

templates/default/070-components/legacy/_component_carousel.scss

@@ -8,15 +8,17 @@
 $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
 
 $carousel-control-color:                      $il-link-color !default;
-$carousel-control-width:                      15% !default;
 $carousel-control-opacity:                    .5 !default;
 $carousel-control-font-size:                  20px !default;
+$carousel-control-width:                      $carousel-control-font-size !default;
 
 $carousel-indicator-active-bg:                $il-link-hover-color !default;
 $carousel-indicator-border-color:             $il-link-color !default;
 
 $carousel-caption-color:                      $il-link-color !default;
 
+$carousel-inner-padding:                      0px 24px !default;
+
 // section based on bootstrap 3 - see /templates/default/Guidelines_SCSS-Coding.md
 
 // Wrapper for the slide container and indicators
@@ -29,6 +31,7 @@ $carousel-caption-color:                      $il-link-color !default;
     overflow: hidden;
     width: 100%;
     min-height: 400px;
+    padding: $carousel-inner-padding;
 
     .item:not(.text-only) .item-content {
         display: flex;
@@ -73,6 +76,9 @@ $carousel-caption-color:                      $il-link-color !default;
         &.active {
           @include translate3d(0, 0, 0);
           left: 0;
+           &.text-only {
+             padding: 0 15px;
+           }
         }
       }
     }