diff --git a/app/assets/javascripts/discourse/templates/flat-button.raw.hbs b/app/assets/javascripts/discourse/templates/flat-button.raw.hbs
new file mode 100644
index 0000000000..74384745a8
--- /dev/null
+++ b/app/assets/javascripts/discourse/templates/flat-button.raw.hbs
@@ -0,0 +1,3 @@
+
diff --git a/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs b/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs
index 2c7ea0c947..7d7b6b62bb 100644
--- a/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs
+++ b/app/assets/javascripts/discourse/templates/topic-list-header-column.raw.hbs
@@ -1,7 +1,7 @@
{{~#if canBulkSelect}}
{{~#if showBulkToggle}}
-
+ {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}}
{{/if ~}}
{{~#if bulkSelectEnabled}}
diff --git a/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs b/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs
index 2faae1a5d6..9f4646b3ad 100644
--- a/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs
+++ b/app/assets/javascripts/discourse/templates/topic-list-header.raw.hbs
@@ -1,7 +1,7 @@
{{#if bulkSelectEnabled}}
|
{{#if canBulkSelect}}
-
+ {{raw "flat-button" class="bulk-select" icon="list" title="topics.bulk.toggle"}}
{{/if}}
|
{{/if}}
diff --git a/app/assets/stylesheets/common/components/buttons.scss b/app/assets/stylesheets/common/components/buttons.scss
index 4f4cf30549..bce45c1263 100644
--- a/app/assets/stylesheets/common/components/buttons.scss
+++ b/app/assets/stylesheets/common/components/buttons.scss
@@ -194,4 +194,7 @@
background: transparent;
border: 0;
outline: 0;
+ i.fa {
+ opacity: 0.7;
+ }
}
diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index dae88ae24a..edd58ce1e0 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -61,10 +61,8 @@
}
button.bulk-select {
padding: 0;
- background: transparent;
- &:hover {
- color: $primary-low;
- }
+ font-size: 1.05em;
+ margin-right: 0.3em;
}
.star {