Update variable table styles at wider viewport.

app/assets/stylesheets/pages/projects.scss

@@ -937,20 +937,24 @@ pre.light-well {
     // override bootstrap
     white-space: normal!important;
 
-    @media (max-width: $screen-sm-max) {
+    @media (max-width: $screen-md-max) {
       width: 150px;
       max-width: 150px;
     }
   }
 
   .variable-value {
-    @media(max-width: $screen-xs-max) {
+    @media(max-width: $screen-sm-max) {
       width: 150px;
       max-width: 150px;
       overflow: hidden;
       word-wrap: break-word;
     }
   }
+
+  .variable-menu {
+    text-align: right;
+  }
 }
 
 .services-installation-info .row {

app/views/projects/variables/_table.html.haml

@@ -14,7 +14,7 @@
           %tr
             %td.variable-key= variable.key
             %td.variable-value{ "data-value" => variable.value }******
-            %td
+            %td.variable-menu
               = link_to namespace_project_variable_path(@project.namespace, @project, variable), class: "btn btn-transparent btn-variable-edit" do
                 %span.sr-only
                   Update