Fixes issue #312. Fixes left/right styles possibly applying to child ui elements

src/modules/modal.less

@@ -90,17 +90,17 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
-.ui.modal > .content > .left {
+.ui.modal > .content > .left:not(.input, .button, .label) {
   display: table-cell;
   padding-right: 1.5%;
   min-width: 25%;
 }
-.ui.modal > .content > .right {
+.ui.modal > .content > .right:not(.input, .button, .label) {
   display: table-cell;
   padding-left: 1.5%;
   vertical-align: top;
 }
-.ui.modal > .content > .left > .icon {
+.ui.modal > .content > .left:not(.input, .button, .label) > i.icon {
   font-size: 8em;
   margin: 0em;
 }
@@ -126,11 +126,11 @@
 
 /* Mobile Only */
 @media only screen and (max-width : 768px) {
-  .ui.modal .content .left {
+  .ui.modal .content > .left:not(.input, .button, .label) {
     display: block;
     padding: 0em 0em 1em;
   }
-  .ui.modal .content .right {
+  .ui.modal .content > .right:not(.input, .button, .label) {
     display: block;
     padding: 1em 0em 0em;
 
@@ -145,8 +145,8 @@
   .ui.modal .actions {
     padding-bottom: 0em
   }
-  .ui.modal .actions .buttons,
-  .ui.modal .actions .button {
+  .ui.modal .actions > .buttons,
+  .ui.modal .actions > .button {
     margin-bottom: 1em;
   }
 }