Removing an inappropriate class used to wrap inline radio form controls.

Adding class to control left alignment at mobile.
Fixes openshift#1240
Fixes openshift#1234

Author: sg00dwin

app/styles/_forms.less

@@ -86,3 +86,16 @@
   // the sections just above.
   margin-top: @line-height-computed;
 }
+
+// Wrap for inline radio and/or checkbox groups that are displayed inline.
+.radio-checkbox-group-inline {
+  display: block;
+  @media (max-width: @screen-xs-max) {
+    // switch default bootstrap margin to right side to enable left alignment of inputs at mobile
+    .radio-inline,
+    .checkbox-inline {
+      margin-left: 0;
+      margin-right: 10px;
+    }
+  }
+}

app/views/directives/edit-lifecycle-hook.html

@@ -10,7 +10,7 @@
 
       <div class="form-group">
         <label for="actionType" class="required">Lifecycle Action</label><br/>
-        <div class="radio">
+        <div class="radio-checkbox-group-inline">
           <label class="radio-inline">
             <input type="radio"
                     name="{{type}}-action-newpod"

app/views/directives/osc-persistent-volume-claim.html

@@ -90,23 +90,19 @@
 
     <div class="form-group" >
       <label class="required">Access Mode</label>
-      <div class="radio">
-
+      <div class="radio-checkbox-group-inline">
         <label class="radio-inline">
             <input type="radio" name="accessModes" ng-model="claim.accessModes" value="ReadWriteOnce" aria-describedby="access-modes-help" ng-checked="true" >
             Single User (RWO)
         </label>
-
         <label class="radio-inline">
           <input type="radio" id="accessModes" name="accessModes" ng-model="claim.accessModes" value="ReadWriteMany" aria-describedby="access-modes-help" >
             Shared Access (RWX)
         </label>
-
         <label class="radio-inline">
             <input type="radio" name="accessModes" ng-model="claim.accessModes" value="ReadOnlyMany" aria-describedby="access-modes-help">
             Read Only (ROX)
         </label>
-
       </div>
       <div>
         <span id="access-modes-help" class="help-block">Permissions to the mounted volume.</span>

dist/scripts/templates.js

@@ -6858,7 +6858,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<fieldset ng-disabled=\"view.isDisabled\">\n" +
     "<div class=\"form-group\">\n" +
     "<label for=\"actionType\" class=\"required\">Lifecycle Action</label><br/>\n" +
-    "<div class=\"radio\">\n" +
+    "<div class=\"radio-checkbox-group-inline\">\n" +
     "<label class=\"radio-inline\">\n" +
     "<input type=\"radio\" name=\"{{type}}-action-newpod\" ng-model=\"action.type\" value=\"execNewPod\" aria-describedby=\"action-help\">\n" +
     "Run a specific command in a new pod\n" +
@@ -7996,7 +7996,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</div>\n" +
     "<div class=\"form-group\">\n" +
     "<label class=\"required\">Access Mode</label>\n" +
-    "<div class=\"radio\">\n" +
+    "<div class=\"radio-checkbox-group-inline\">\n" +
     "<label class=\"radio-inline\">\n" +
     "<input type=\"radio\" name=\"accessModes\" ng-model=\"claim.accessModes\" value=\"ReadWriteOnce\" aria-describedby=\"access-modes-help\" ng-checked=\"true\">\n" +
     "Single User (RWO)\n" +

dist/styles/main.css

@@ -3600,6 +3600,9 @@ to{transform:rotate(359deg)}
 }
 .osc-file-input textarea{font-family:Menlo,Monaco,Consolas,monospace;margin:5px 0}
 .health-checks-form .pause-rollouts-checkbox,.set-limits-form .pause-rollouts-checkbox{margin-top:21px}
+.radio-checkbox-group-inline{display:block}
+@media (max-width:767px){.radio-checkbox-group-inline .checkbox-inline,.radio-checkbox-group-inline .radio-inline{margin-left:0;margin-right:10px}
+}
 .card-pf{box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09)}
 .card-pf .image-icon,.card-pf .template-icon{font-size:28px;line-height:1;margin-right:15px;opacity:.38}
 .card-pf-badge{color:#999;font-size:11px;text-transform:uppercase}