#227 Fix styling bugs.

Fix buttonContainer onClick logic.

Author: Piotr Siatka

src/controls/carousel/Carousel.module.scss

@@ -51,6 +51,7 @@
   .buttonsContainer {
     display: flex;
     background-color: transparent;
+    cursor: pointer;
   }
   .buttonsOnlyContainer {
     @extend .buttonsContainer;
@@ -60,7 +61,7 @@
 
   .blockButtonsContainer {
     @extend .buttonsContainer;
-    height: 100%;
+    min-height: 100%;
     min-width: 32px;
   }
   .blockButtonsContainer:hover {
@@ -71,7 +72,7 @@
 
   .hiddenButtonsContainer {
     @extend .buttonsContainer;
-    height: 100%;
+    min-height: 100%;
     min-width: 32px;
     opacity: 0;
   }

src/controls/carousel/Carousel.tsx

@@ -60,7 +60,7 @@ export class Carousel extends React.Component<ICarouselProps, ICarouselState> {
 
     return (
       <div className={this.getMergedStyles(styles.container, containerStyles)}>
-        <div className={this.getMergedStyles(this.getButtonContainerStyles(), containerButtonsStyles)} onClick={() => { if (prevButtonDisabled) { this.onCarouselButtonClicked(false); } }} >
+        <div className={this.getMergedStyles(this.getButtonContainerStyles(), containerButtonsStyles)} onClick={() => { if (!prevButtonDisabled) { this.onCarouselButtonClicked(false); } }} >
           <IconButton
             className={this.getMergedStyles(this.getButtonStyles(false), prevButtonStyles)}
             iconProps={{ iconName: prevButtonIconName }}
@@ -87,7 +87,7 @@ export class Carousel extends React.Component<ICarouselProps, ICarouselState> {
           }
         </div>
 
-        <div className={this.getMergedStyles(this.getButtonContainerStyles(), containerButtonsStyles)} onClick={() => { if (nextButtonDisabled) { this.onCarouselButtonClicked(true); } }}>
+        <div className={this.getMergedStyles(this.getButtonContainerStyles(), containerButtonsStyles)} onClick={() => { if (!nextButtonDisabled) { this.onCarouselButtonClicked(true); } }}>
           <IconButton
             className={this.getMergedStyles(this.getButtonStyles(true), nextButtonStyles)}
             iconProps={{ iconName: nextButtonIconName }}