Remove headers from templates.

static/styles/settings.css

@@ -123,15 +123,13 @@ td .button {
 
 .settings-section {
     display: none;
-    background-color: #fafafa;
+
-    border-radius: 2px;
+    width: calc(100% - 40px);
     margin: 20px;
-    border: 1px solid #dfdfdf;
-    border-top: 5px solid #dfdfdf;
 }
 
 #organization .settings-section {
-    display: block;
+    display: inline-block;
 }
 
 .settings-wrapper {
@@ -156,7 +154,6 @@ td .button {
 }
 
 .settings-section form {
-    padding: 0px 20px;
     margin: 0;
 }
 
@@ -825,6 +822,8 @@ input[type=checkbox].inline-block {
     float: left;
     overflow-y: auto;
     overflow-x: hidden;
+
+    background-color: #fafafa;
 }
 
 #settings_page .table-striped thead th {

static/templates/settings/account-settings.handlebars

@@ -1,8 +1,4 @@
 <div id="account-settings" class="settings-section show" data-name="your-account">
-    <div class="settings-section-title">
-        <i class="icon-vector-user settings-section-icon"></i>
-        {{t "Your account" }}
-    </div>
     <div class="alert" id="account-settings-status"></div>
     <div class="account-settings-form">
         <form class="email-change-form">

static/templates/settings/alert-word-settings.handlebars

@@ -1,8 +1,4 @@
 <div id="alert-word-settings" class="settings-section" data-name="alert-words">
-    <div class="settings-section-title">
-        <i class="icon-vector-book settings-section-icon"></i>
-        {{t "Alert words" }}
-    </div>
     <form class="form-horizontal" id="alert_word_info_box">
         <p class="alert-word-settings-note">
             {{t "Alert words allow you to be notified as if you were @-mentioned when certain words or phrases are used in Zulip."}}

static/templates/settings/attachments-settings.handlebars

@@ -1,8 +1,4 @@
 <div id="attachments-settings" class="settings-section" data-name="uploaded-files">
-    <div class="settings-section-title">
-        <i class="icon-vector-paper-clip settings-section-icon"></i>
-        {{t "Uploaded files" }}
-    </div>
     <div class="side-padded-container">
         <p class="alert-word-settings-note">
             {{t 'For each file, we list any messages that link to it.' }}

static/templates/settings/auth-methods-settings-admin.handlebars

@@ -1,6 +1,4 @@
 <div id="organization-settings" class="settings-section" data-name="auth-methods">
-    <div class="settings-section-title"><i class="icon-vector-lock settings-section-icon"></i>
-        {{t "Authentication methods" }}</div>
     <form class="form-horizontal admin-realm-form">
         <div class="alert" id="admin-realm-authentication-methods-status"></div>
         <div class="admin-table-wrapper">

static/templates/settings/bot-list-admin.handlebars

@@ -1,12 +1,6 @@
 <div id="admin-user-list" class="settings-section" data-name="bot-list-admin">
-    <div class="settings-section-title">
+    <input type="text" class="search" placeholder="{{t 'Search bots' }}" />
-        <div class="table-title">
+    <div class="clear-float"></div>
-            <i class="icon-vector-github settings-section-icon"></i>
-            {{t "Bots" }}
-        </div>
-        <input type="text" class="search" placeholder="{{t 'Search bots' }}" />
-        <div class="clear-float"></div>
-    </div>
     <div class="progressive-table-wrapper">
         <table class="table table-condensed table-striped wrapped-table">
             <thead>

static/templates/settings/bot-settings.handlebars

@@ -1,10 +1,4 @@
 <div id="bot-settings" class="settings-section" data-name="your-bots">
-
-    <div class="settings-section-title">
-        <i class="icon-vector-github settings-section-icon"></i>
-        {{t "Your bots" }}
-    </div>
-
     <div class="bot-settings-form">
         <p class="bot-settings-note padded-container">
             {{#tr this}}

static/templates/settings/deactivated-users-admin.handlebars

@@ -1,12 +1,6 @@
 <div id="admin-deactivated-users-list" class="settings-section" data-name="deactivated-users-admin">
-    <div class="settings-section-title">
+    <input type="text" class="search" placeholder="{{t 'Search deactivated users' }}" />
-        <div class="table-title">
+    <div class="clear-float"></div>
-            <i class="icon-vector-trash settings-section-icon"></i>
-            {{t "Deactivated users" }}
-        </div>
-        <input type="text" class="search" placeholder="{{t 'Search deactivated users' }}" />
-        <div class="clear-float"></div>
-    </div>
 
     <div class="progressive-table-wrapper">
         <table class="table table-condensed table-striped">

static/templates/settings/default-streams-list-admin.handlebars

@@ -1,12 +1,6 @@
 <div id="admin-default-streams-list" class="settings-section" data-name="default-streams-list">
-    <div class="settings-section-title">
+    <input type="text" class="search" placeholder="{{t 'Search streams' }}" />
-        <div class="table-title">
+    <div class="clear-float"></div>
-            <i class="icon-vector-exchange settings-section-icon"></i>
-            {{t "Default streams" }}
-        </div>
-        <input type="text" class="search" placeholder="{{t 'Search streams' }}" />
-        <div class="clear-float"></div>
-    </div>
 
     <div class="side-padded-container">
       <p>{{#tr this}}Configure the default streams new users are subscribed to when joining your organization.{{/tr}}</p>

static/templates/settings/display-settings.handlebars

@@ -1,8 +1,4 @@
 <div id="display-settings" class="settings-section" data-name="display-settings">
-    <div class="settings-section-title">
-        <i class="icon-vector-time settings-section-icon"></i>
-        {{t 'Display settings' }}
-    </div>
     <div class="alert" id="display-settings-status"></div>
     <form class="display-settings-form">
 

static/templates/settings/emoji-settings-admin.handlebars

@@ -1,6 +1,4 @@
 <div id="emoji-settings" data-name="emoji-settings" class="settings-section">
-    <div class="settings-section-title"><i class="icon-vector-smile settings-section-icon"></i>
-    {{t "Custom emoji" }}</div>
     <div class="admin-table-wrapper">
         <p>{{#tr this}}Add extra emoji for members of the __realm_name__ organization.{{/tr}}</p>
         <table class="table table-condensed table-striped admin_emoji_table">

static/templates/settings/muted-topics-settings.handlebars

@@ -1,8 +1,4 @@
 <div id="muted-topic-settings" class="settings-section" data-name="muted-topics">
-    <div class="settings-section-title">
-        <i class="icon-vector-eye-close settings-section-icon"></i>
-        {{t "Muted topics" }}
-    </div>
     <table id="muted_topics_table" class="table">
         <thead>
             <th>{{t "Stream" }}</th>

static/templates/settings/notification-settings.handlebars

@@ -1,9 +1,4 @@
 <div id="notification-settings" class="settings-section" data-name="notifications">
-    <div class="settings-section-title">
-        <i class="icon-vector-warning-sign settings-section-icon"></i>
-        {{t "Notifications" }}
-    </div>
-
     <form class="notification-settings-form">
         <div class="notification-reminder w-70 padded-container center-block">{{#tr this }}You'll receive notifications when a message arrives and Zulip isn't in focus or the message is offscreen.{{/tr}}</div>
         <div class="alert" id="notify-settings-status"></div>

static/templates/settings/organization-settings-admin.handlebars

@@ -1,6 +1,4 @@
 <div id="organization-settings" data-name="organization-settings" class="settings-section">
-<div class="settings-section-title"><i class="icon-vector-gear settings-section-icon"></i>
-{{t "Organization settings" }}</div>
   <form class="form-horizontal admin-realm-form">
     <div class="alert" id="admin-realm-name-status"></div>
     <div class="alert" id="admin-realm-description-status"></div>

static/templates/settings/realm-filter-settings-admin.handlebars

@@ -1,5 +1,4 @@
 <div id="filter-settings" class="settings-section" data-name="filter-settings">
-    <div class="settings-section-title"><i class="icon-vector-filter settings-section-icon"></i>{{t "Custom linkification filters" }}</div>
     <div class="admin-table-wrapper">
 
         <p>

static/templates/settings/streams-list-admin.handlebars

@@ -1,13 +1,6 @@
 <div id="admin-streams-list" class="settings-section" data-name="streams-list-admin">
-    <div class="settings-section-title">
+    <input type="text" class="search" placeholder="{{t 'Search streams' }}" />
-        <div class="table-title">
+    <div class="clear-float"></div>
-            <i class="icon-vector-exchange settings-section-icon"></i>
-            {{t "Delete streams" }}
-        </div>
-        <input type="text" class="search" placeholder="{{t 'Search streams' }}" />
-        <div class="clear-float"></div>
-    </div>
-
 
     <div class="side-padded-container">
         <p class="admin-streams-note">{{#tr this}}Most stream administration is done on the <a href="/#streams">Streams page</a>.{{/tr}}</p>

static/templates/settings/ui-settings.handlebars

@@ -1,5 +1,4 @@
 <div id="ui-settings" class="settings-section" data-name="zulip-labs">
-    <div class="settings-section-title"><i class="icon-vector-beaker settings-section-icon"></i> {{#tr this}}Experimental settings{{/tr}}</div>
     <div class="alert" id="ui-settings-status"></div>
     <form class="ui-settings-form">
         <p>

static/templates/settings/user-list-admin.handlebars

@@ -1,12 +1,7 @@
 <div id="admin-user-list" class="settings-section" data-name="user-list-admin">
-    <div class="settings-section-title">
+    <input type="text" class="search" placeholder="{{t 'Search users' }}" />
-        <div class="table-title">
+    <div class="clear-float"></div>
-            <i class="icon-vector-user settings-section-icon"></i>
+
-            {{t "Users" }}
-        </div>
-        <input type="text" class="search" placeholder="{{t 'Search users' }}" />
-        <div class="clear-float"></div>
-    </div>
     <div class="progressive-table-wrapper">
         <table class="table table-condensed table-striped wrapped-table">
             <thead>