diff --git a/js/about/preferences.js b/js/about/preferences.js
index 72f55e0f743..0911f3c0035 100644
--- a/js/about/preferences.js
+++ b/js/about/preferences.js
@@ -681,7 +681,8 @@ class SearchTab extends ImmutableComponent {
+ addHoverClass onClick={this.hoverCallback.bind(this)}
+ columnClassNames={['default', 'searchEngine', 'engineGoKey']} />
diff --git a/less/about/history.less b/less/about/history.less
index 583bc4dffea..a6cd73ae185 100644
--- a/less/about/history.less
+++ b/less/about/history.less
@@ -87,9 +87,6 @@ body {
}
.sortableTable {
- border-spacing: 0px;
- cursor: default;
-
// Time visited
.time {
font-size: 11pt;
diff --git a/less/about/preferences.less b/less/about/preferences.less
index f73fe619e1d..e4e0db7d624 100644
--- a/less/about/preferences.less
+++ b/less/about/preferences.less
@@ -75,8 +75,10 @@ body {
.sectionTitle {
color: @braveOrange;
+ cursor: default;
font-size: 1.2em;
margin-bottom: 0.7em;
+ -webkit-user-select: none;
}
.prefTabContainer {
@@ -522,6 +524,16 @@ table.sortableTable {
color: @braveOrange;
font-weight: 800;
}
+
+ .default {
+ width: 150px;
+ }
+ .searchEngine {
+ width: 304px !important;
+ }
+ .engineGoKey {
+ width: 250px;
+ }
}
.paymentsMessage {
@@ -558,41 +570,42 @@ table.sortableTable {
}
.fixed-table-container {
- height: 500px;
- position: relative;
-
- .table-header {
- height: 30px;
- background: @veryLightGray;
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- }
-
- .fixed-table-container-inner {
- overflow-x: hidden;
- overflow-y: auto;
- height: 100%;
-
- table {
- width: 100%;
- overflow-x: hidden;
- overflow-y: auto;
-
- .th-inner {
- color: @darkGray;
- font-weight: 600;
- position: absolute;
- top: 0;
- line-height: 30px;
- z-index: 9;
- background: @veryLightGray;
- }
- }
- }
- }
+ height: 500px;
+ position: relative;
+
+ .table-header {
+ height: 30px;
+ background: @veryLightGray;
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ }
+ .fixed-table-container-inner {
+ overflow-x: hidden;
+ overflow-y: auto;
+ height: 100%;
+
+ table {
+ width: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+
+ .th-inner {
+ color: @darkGray;
+ cursor: default;
+ font-weight: 600;
+ position: absolute;
+ top: 0;
+ line-height: 30px;
+ z-index: 9;
+ background: @veryLightGray;
+ -webkit-user-select: none;
+ }
+ }
+ }
+ }
}
.modal .dialog.paymentHistory .sectionTitle {
diff --git a/less/about/siteDetails.less b/less/about/siteDetails.less
index 0f3a66e8763..4f6c7fd6944 100644
--- a/less/about/siteDetails.less
+++ b/less/about/siteDetails.less
@@ -25,14 +25,14 @@
}
.searchInput {
- float: right;
- padding: 5px;
- margin-top: -35px;
+ float: right;
+ padding: 5px;
+ margin-top: -35px;
}
.searchInputClear {
- float: right;
- padding: 8px;
- margin-top: -39px;
- color: #999;
+ float: right;
+ padding: 8px;
+ margin-top: -39px;
+ color: #999;
}
diff --git a/less/sortableTable.less b/less/sortableTable.less
index a044f6fc5d7..83d08e58dd5 100644
--- a/less/sortableTable.less
+++ b/less/sortableTable.less
@@ -17,9 +17,12 @@ table.sort {
table.sortableTable {
width: 100%;
border: solid 1px @lightGray;
- border-radius: @borderRadius;
+ border-bottom-left-radius: @borderRadius;
+ border-bottom-right-radius: @borderRadius;
margin-bottom: 40px;
box-shadow: @softBoxShadow;
+ cursor: default;
+ border-spacing: 0;
tr {
height: 1.7em;
@@ -32,7 +35,11 @@ table.sortableTable {
font-weight: 300;
padding: 8px;
box-sizing: border-box;
- -webkit-user-select: none;
+
+ .th-inner {
+ display: inline-block;
+ -webkit-user-select: none;
+ }
&:after {
font-family: FontAwesome;