Progress

app/javascript/gabsocial/layouts/layout.js

@@ -1,7 +1,8 @@
 import Sticky from 'react-stickynode'
-import Sidebar from '../components/sidebar'
 import { BREAKPOINT_EXTRA_SMALL } from '../constants'
 import { me } from '../initial_state'
+import Sidebar from '../components/sidebar'
+import SidebarXS from '../components/sidebar_xs'
 import NavigationBar from '../components/navigation_bar'
 import LoggedOutNavigationBar from '../components/logged_out_navigation_bar'
 import FooterBar from '../components/footer_bar'
@@ -40,6 +41,10 @@ export default class Layout extends PureComponent {
     return (
       <div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgTertiary].join(' ')}>
 
+        <Responsive max={BREAKPOINT_EXTRA_SMALL}>
+          <SidebarXS />
+        </Responsive>
+
         {
           me &&
           <NavigationBar

app/javascript/gabsocial/layouts/profile_layout.js

@@ -10,6 +10,7 @@ import MediaGalleryPanel from '../components/panel/media_gallery_panel'
 import NavigationBar from '../components/navigation_bar'
 import FooterBar from '../components/footer_bar'
 import ProfileHeader from '../components/profile_header'
+import FloatingActionButton from '../components/floating_action_button'
 import ProfileNavigationBar from '../components/profile_navigation_bar'
 import LoggedOutNavigationBar from '../components/logged_out_navigation_bar'
 import Responsive from '../features/ui/util/responsive_component';
@@ -71,11 +72,12 @@ export default class ProfileLayout extends ImmutablePureComponent {
 
             </div>
 
+            <FloatingActionButton />
+
           </main>
 
-          <Responsive max={BREAKPOINT_EXTRA_SMALL}>
-            <FooterBar />
-          </Responsive>
+          <FooterBar />
+
         </Responsive>
 
         <Responsive min={BREAKPOINT_EXTRA_SMALL}>