Moved scss values into variables

Fixed heading weight

app/assets/stylesheets/framework/variables.scss

@@ -101,6 +101,11 @@ $border-red-dark: #CA264F;
 $help-well-bg: #FAFAFA;
 $help-well-border: #E5E5E5;
 
+$settings-message-bg: #FBF2D9;
+$settings-message-color: #9E8E60;
+$settings-message-border: #F0E2BB;
+$settings-message-radius: 3px;
+
 /* header */
 $light-grey-header: #faf9f9;
 

app/assets/stylesheets/pages/profile.scss

@@ -178,10 +178,10 @@
 
 .profile-settings-message {
   line-height: 32px;
-  color: #9E8E60;
-  background-color: #FBF2D9;
-  border: 1px solid #F0E2BB;
-  border-radius: 3px;
+  color: $settings-message-color;
+  background-color: $settings-message-bg;
+  border: 1px solid $settings-message-border;
+  border-radius: $settings-message-radius;
 }
 
 .oauth-applications {

app/views/profiles/applications.html.haml

@@ -13,7 +13,7 @@
         Manage applications that you've authorized to use your account.
   .col-lg-9
     - if user_oauth_applications?
-      %h5
+      %h5.prepend-top-0
         Add new application
       = render 'doorkeeper/applications/form', application: @application
       %hr
@@ -23,7 +23,7 @@
           Your applications (#{@applications.size})
         - if @applications.any?
           .table-responsive
-            %table.table.table-striped
+            %table.table
               %thead
                 %tr
                   %th Name
@@ -47,7 +47,7 @@
         - else
           .profile-settings-message.text-center
             You don't have any applications
-    .oauth-authorized-applications.prepend-top-20
+    .oauth-authorized-applications.prepend-top-20.append-bottom-default
       - if user_oauth_applications?
         %h5
           Authorized applications (#{@authorized_tokens.size})