Merge pull request #7780 from edx/clrux/UX-1866-verification-rtl-fixes

Addressing RTL inconsistencies on Verification process

lms/static/sass/application-extend2-rtl.scss.mako

@@ -50,6 +50,8 @@
 @import 'views/shoppingcart';
 @import 'views/login-register';
 @import 'views/homepage';
+@import 'views/verification';
+@import 'views/decoupled-verification';
 
 // applications
 @import "discussion/utilities/variables";

lms/static/sass/views/_decoupled-verification.scss

@@ -32,8 +32,6 @@
         .requirements-container {
 
             .list-reqs {
-                width: 645px;
-                margin: 50px auto;
 
                 .req {
                     width: 300px;
@@ -67,7 +65,7 @@
             }
 
             .right {
-                float: right;
+                @include float(right);
                 padding: 15px 50px;
             }
 
@@ -76,10 +74,11 @@
             }
 
             .prompt-verify .title {
+                @include float(left);
+                @include text-align(left);
                 width: 600px;
                 position: relative;
                 display: inline;
-                float: left;
                 line-height: 45px;
                 color: black;
             }
@@ -91,6 +90,7 @@
 
         .photo-controls {
             position: relative;
+            text-align: center;
 
             .control {
                 &.control-do {
@@ -153,7 +153,7 @@
 
         .list-help {
             list-style: disc;
-            padding-left: 20px;
+            @include padding-left($baseline);
         }
 
         .list-faq {