Max-width for the whole content

app/assets/stylesheets/base.scss

@@ -5,11 +5,6 @@ body {
 
 .container-fluid { max-width: $screen-lg-min; }
 
-.page-streams,
-.page-tags.action-show {
-  > .container-fluid { max-width: 100%; }
-}
-
 // These names are generated by a rails controller
 // scss-lint:disable SelectorFormat
 .page-contacts,
@@ -22,10 +17,11 @@ body {
 .page-profiles.action-edit,
 .page-services.action-index,
 .page-streams,
+.page-tags,
 .page-user_applications,
 .page-users.action-edit,
 .page-users.action-privacy_settings {
-  background-color: $sidebars-background;
+  background-color: $main-background;
 }
 // scss-lint:enable SelectorFormat
 

app/assets/stylesheets/navbar_left.scss

@@ -1,16 +1,6 @@
-/* Fixed backgrounds are a common practice to avoid height issues */
-.left-navbar-fixed-background {
-  position: fixed;
-  height: 100%;
-}
-
-.left-navbar,
-.left-navbar-fixed-background {
-  border-right: 1px solid $light-grey;
-  background: $sidebars-background;
-}
-
 .left-navbar {
+  padding: 0;
+
   a {
     text-decoration: none;
     outline: 0;
@@ -20,9 +10,6 @@
     margin: 0;
     padding: 0;
     list-style: none;
-    &#stream_selection {
-      margin: 0px -15px; /* -15px overrides Bootstrap's default gutter width */
-    }
   }
 
   .hoverable {
@@ -114,10 +101,10 @@
 }
 
 .info-bar {
-  margin-top: 25px;
+  padding: 0 20px;
 
   .section {
-    margin-bottom: 20px;
+    margin-top: 20px;
   }
 
   .title {
@@ -179,10 +166,4 @@
       display: inline-block;
     }
   }
-
-  .stream-faces {
-    display: flex;
-    flex-flow: row wrap;
-    img { margin: 1px; }
-  }
 }

app/assets/stylesheets/sidebar.scss

@@ -2,9 +2,8 @@
 .framed-content {
   background-color: $white;
   border: 1px solid $light-grey;
+  border-top: 0;
   box-shadow: $card-shadow;
-  margin-top: -10px;
-  padding-top: 10px;
 
   .header,
   .sidebar-header {

app/assets/stylesheets/stream.scss

@@ -1,14 +1,4 @@
-.page-streams,
-.page-people,
-.page-photos,
-.page-tags {
-  background-color: $main-background;
-}
-
 .stream_container {
-  margin: auto;
-  max-width: 900px;
-
   .stream-title {
     margin: 12px 0;
   }
@@ -29,7 +19,7 @@
 
 @media(max-width: $screen-xs) {
 
-  .publisher {
+  .main-stream-publisher .publisher {
     margin-left: 0;
   }
 }

app/assets/stylesheets/tag.scss

@@ -23,11 +23,8 @@ h1.tag {
   }
 }
 .page-tags {
-  background-color: $sidebars-background;
-  .left-navbar-fixed-background { border-right: 0; }
   #tags_show {
     .col-md-3 {
-      h4 { margin: 25px 0 15px; }
       .side_stream #people_stream {
         .name { display: block; }
         .name, .diaspora_handle {
@@ -37,7 +34,7 @@ h1.tag {
         }
       }
     }
-    .col-md-7 {
+    .col-md-9 {
       .tag-following-action {
         max-width: 100%;
         input[type="submit"] {

app/views/api/openid_connect/user_applications/index.html.haml

@@ -7,7 +7,7 @@
       .sidebar
         = render "shared/settings_nav"
     .col-md-9
-      .framed-content
+      .framed-content.clearfix
         %h3= t(".title")
         .row
           .col-md-12

app/views/aspects/_aspect_stream.haml

@@ -10,9 +10,8 @@
   .pull-left.hidden-xs
     = owner_image_link
   = render "publisher/publisher", publisher_aspects_for(stream)
-= render "aspects/no_posts_message"
 
-.stream#main_stream{title: popover_with_close_html("3. #{t('.stay_updated')}"),
+.stream#main_stream{:title => popover_with_close_html("3. #{t('.stay_updated')}"),
   "data-content" => t(".stay_updated_explanation")}
 
 #paginate

app/views/conversations/index.haml

@@ -34,7 +34,7 @@
       - else
         .stream_container.hidden
           #conversation_show
-        .framed-content#conversation_new
+        .framed-content.clearfix#conversation_new
           .new-conversation
             %h3.text-center
               = t("conversations.index.new_conversation")

app/views/profiles/edit.haml

@@ -8,7 +8,7 @@
       .sidebar
         = render "shared/settings_nav"
     .col-md-9
-      .framed-content
+      .framed-content.clearfix
         - content_for :submit_block do
           = link_to t("cancel"), local_or_remote_person_path(current_user.person), class: "btn btn-default"
           = submit_tag t(".update_profile"), class: "btn btn-primary pull-right", id: "update_profile"

app/views/services/index.html.haml

@@ -11,7 +11,7 @@
       .sidebar
         = render "shared/settings_nav"
     .col-md-9
-      .framed-content
+      .framed-content.clearfix
         %h3= t(".title")
         .row
           .col-md-12

app/views/shared/_settings_nav.haml

@@ -1,5 +1,6 @@
 #section_header
-  %h3.sidebar-header
+  .sidebar-header.clearfix
+    %h3
       = t("settings")
   .list-group#settings_nav
     = link_to t("profile"), edit_profile_path,

app/views/streams/main_stream.html.haml

@@ -22,8 +22,8 @@
 
 .container-fluid
   .row
-    .left-navbar-fixed-background.col-lg-2.col-sm-3.hidden-sm.hidden-xs
-    .left-navbar.col-lg-2.col-sm-3
+    .col-md-3
+      .sidebar.left-navbar
         %ul#stream_selection
           %li{data: {stream: "stream"}}
             = link_to t("streams.multi.title"), stream_path, rel: "backbone", class: "hoverable"
@@ -39,12 +39,6 @@
             = link_to t("streams.public.title"), public_stream_path, rel: "backbone", class: "hoverable"
 
         .info-bar.hidden-xs
-        .section#selected_aspect_contacts
-          .title
-            %h5.stream-title
-              = @stream.title
-          .content
-
           - if AppConfig.settings.invitations.open?
             .section
               .title
@@ -147,7 +141,7 @@
               %ul
                 = render "shared/links"
 
-    .col-lg-10.col-sm-9
+    .col-md-9
       .stream_container#aspect_stream_container
         = render "aspects/aspect_stream", stream: @stream
 

app/views/tags/show.haml

@@ -10,13 +10,14 @@
 
 .container-fluid#tags_show
   .row
-    .col-lg-3.hidden-xs.left-navbar-fixed-background
     .col-md-3.hidden-xs
-      %h4
-        = t('.tagged_people', count: @stream.tagged_people_count, tag: @stream.display_tag_name)
+      .sidebar
+        .sidebar-header.clearfix
+          %h3
+            = t(".tagged_people", count: @stream.tagged_people_count, tag: @stream.display_tag_name)
 
         .side_stream.stream
-        = render partial: 'people/index', locals: {people: @stream.tagged_people}
+          = render partial: "people/index", locals: {people: @stream.tagged_people}
 
     .col-md-9
       .stream_container