Inline RSS button with Export Issues button on mobile

app/assets/stylesheets/framework/nav.scss

@@ -256,6 +256,33 @@
         display: block;
         margin: 0;
       }
+
+      &.inline {
+        display: flex;
+        flex-flow: row wrap;
+        justify-content: space-between;
+
+        > .btn,
+        > .btn-container,
+        > .dropdown,
+        > input,
+        > form {
+          flex: 1 1 auto;
+          margin: 0 0 10px;
+          margin-left: $gl-padding-top;
+          width: auto;
+
+          &:first-child {
+            margin-left: 0;
+            float: none;
+          }
+        }
+
+        .btn-full {
+          flex: 1 1 100%;
+          margin-left: 0;
+        }
+      }
     }
   }
 

app/views/projects/issues/index.html.haml

@@ -19,7 +19,7 @@
   %div{ class: (container_class) }
     .top-area
       = render 'shared/issuable/nav', type: :issues
-      .nav-controls
+      .nav-controls.inline
         = link_to params.merge(rss_url_options), class: 'btn append-right-10 has-tooltip', title: 'Subscribe' do
           = icon('rss')
         - if current_user
@@ -29,7 +29,7 @@
                                                    @project,
                                                    issue: { assignee_id: issues_finder.assignee.try(:id),
                                                             milestone_id: issues_finder.milestones.first.try(:id) }),
-                                                   class: "btn btn-new",
+                                                   class: "btn btn-new btn-full",
                                                    title: "New issue",
                                                    id: "new_issue_link" do
           New issue

changelogs/unreleased-ee/1878-export-csv-button-should-be-inline-with-rss-button-on-mobile.yml

+---
+title: Inline RSS button with Export Issues button for mobile
+merge_request: 1637
+author: