CSS for applications settings page

app/assets/stylesheets/_application.scss

@@ -101,3 +101,7 @@
 /* gallery */
 @import "blueimp-gallery";
 @import "gallery";
+
+/* settings */
+@import "user_applications";
+@import "bootstrap3-switch";

app/assets/stylesheets/mobile/settings.scss

@@ -40,5 +40,21 @@
 }
 
 .applications-page {
-  .application-img { margin: 9px 0; }
+  .application-img {
+    display: inline;
+    float: left;
+
+    img {
+      width: 70px;
+      max-height: 70px;
+      margin: 9px 0;
+    }
+  }
+
+  .application-authorizations {
+    width: calc(100% - 70px);
+    padding: 0 0 15px 15px;
+    display: inline-block;
+    float: right;
+  }
 }

app/assets/stylesheets/user_applications.scss

@@ -0,0 +1,19 @@
+.applications-page {
+  .application-img {
+    display: inline;
+    float: left;
+
+    img {
+      width: 70px;
+      max-height: 70px;
+      margin: 9px 0;
+    }
+  }
+
+  .application-authorizations {
+    width: calc(100% - 70px);
+    padding: 0 0 15px 15px;
+    display: inline-block;
+    float: right;
+  }
+}

app/views/user_applications/_add_remove_applications.haml

@@ -2,25 +2,22 @@
   %ul.list-group
     - @user_apps.user_applications.each do |app|
       %li.list-group-item
-        .row
+        .application-img
-          .col-xs-2.application-img
+          = image_tag app[:image], class: "img-responsive"
-            = image_tag app[:image], class: "img-responsive"
+        .application-authorizations
-          .col-xs-10
+          - if app[:authorizations].count > 0
-            - if app[:authorizations].count > 0
+            %h4="#{app[:name]} #{t("user_applications.index.access")}"
-              %h4="#{app[:name]} #{t("user_applications.index.access")}"
+            %ul
-              %ul
+              - app[:authorizations].each do |authorization|
-                - app[:authorizations].each do |authorization|
+                %li
-                  %li
+                  %b= t("user_applications.scopes.#{authorization}.name")
-                    %b= t("user_applications.scopes.#{authorization}.name")
+                  %p= t("user_applications.scopes.#{authorization}.description")
-                    %p= t("user_applications.scopes.#{authorization}.description")
+          - else
-            - else
+            .well
-              .well
+              =t("user_applications.show.no_requirement")
-                =t("user_applications.show.no_requirement")
+        = form_for "application", url: "#{api_openid_connect_authorizations_path}/#{app[:id]}",
-        .small-horizontal-spacer
+            html: { method: :delete, class: "form-horizontal"} do |f|
-        .row
+          .clearfix= f.submit t("user_applications.revoke_autorization"), class: "btn btn-primary pull-right"
-          = form_for "application", url: "#{api_openid_connect_authorizations_path}/#{app[:id]}",
-              html: { method: :delete, class: "form-horizontal col-xs-12"} do |f|
-            .clearfix= f.submit t("user_applications.revoke_autorization"), class: "btn btn-primary pull-right"
 
 - else
   .well