fix(ui): Resolve some inconsistencies

oliversalzburg · Jul 17, 2021 · fddc4a6 · fddc4a6
1 parent 8f1c1c6
commit fddc4a6
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/packages/userscript/source/ui/CraftSettingsUi.ts b/packages/userscript/source/ui/CraftSettingsUi.ts
@@ -293,7 +293,7 @@ export class CraftSettingsUi extends SettingsSectionUi<CraftSettings> {
       css: {
         cursor: "pointer",
         display: "inline-block",
-        borderBottom: "1px solid rgba(185, 185, 185, 0.7)",
+        borderBottom: "1px solid rgba(185, 185, 185, 0.1)",
       },
     });
 

diff --git a/packages/userscript/source/ui/DistributeSettingsUi.ts b/packages/userscript/source/ui/DistributeSettingsUi.ts
@@ -124,7 +124,6 @@ export class DistributeSettingsUi extends SettingsSectionUi<DistributeSettings>
     label: string
   ): JQuery<HTMLElement> {
     const element = this.getOption(name, option, label);
-    element.css("borderBottom", "1px solid rgba(185, 185, 185, 0.7)");
 
     //Limited Distribution
     const labelElement = $("<label/>", {

diff --git a/packages/userscript/source/ui/TimeControlSettingsUi.ts b/packages/userscript/source/ui/TimeControlSettingsUi.ts
@@ -1225,9 +1225,10 @@ export class TimeControlSettingsUi extends SettingsSectionUi<TimeControlSettings
       id: "resources-add",
       text: this._host.i18n("resources.add"),
       css: {
+        border: "1px solid grey",
         cursor: "pointer",
         display: "inline-block",
-        borderBottom: "1px solid rgba(185, 185, 185, 0.7)",
+        padding: "1px 2px",
       },
     });
 

diff --git a/packages/userscript/source/ui/TradingSettingsUi.ts b/packages/userscript/source/ui/TradingSettingsUi.ts
@@ -153,7 +153,7 @@ export class TradingSettingsUi extends SettingsSectionUi<TradingSettings> {
     i18nName: string
   ): JQuery<HTMLElement> {
     const element = this.getOption(name, option, i18nName);
-    element.css("borderBottom", "1px solid rgba(185, 185, 185, 0.7)");
+    element.css("borderBottom", "1px solid rgba(185, 185, 185, 0.1)");
 
     //Limited Trading
     const label = $("<label/>", {
@@ -182,7 +182,8 @@ export class TradingSettingsUi extends SettingsSectionUi<TradingSettings> {
 
     const button = $("<div/>", {
       id: `toggle-seasons-${name}`,
-      text: this._host.i18n("trade.seasons"),
+      text: "🗓",
+      title: this._host.i18n("trade.seasons"),
       css: {
         cursor: "pointer",
         display: "inline-block",