diff --git a/demo/src/demo/page/quanta.cljs b/demo/src/demo/page/quanta.cljs
index 6a22706..15ac130 100644
--- a/demo/src/demo/page/quanta.cljs
+++ b/demo/src/demo/page/quanta.cljs
@@ -16,7 +16,7 @@
:spec
["EUR/USD" "USD/CHF" "GBP/USD" "USD/SEK" "USD/NOK" "USD/CAD" "USD/JPY"
"AUD/USD" "NZD/USD" "USD/MXN" "USD/ZAR" "EUR/JPY" "EUR/CHF" "EUR/GBP" "GBP/JPY"]}
- {:type :select :path [2 :trailing-n], :name "DailyLoad#", :spec [2 5 10 20 30 50 80 100 120 150]}
+ {:type :select :path [2 :trailing-n], :name "trailing#", :spec [2 5 10 20 30 50 80 100 120 150]}
{:type :select :path [2 :atr-n], :name "dATR#", :spec [5 10 20 30]}
{:type :select :path [2 :percentile], :name "dPercentile", :spec [10 20 30 40 50 60 70 80 90]}
{:type :select :path [2 :step], :name "dStep", :spec [0.001 1.0E-4 4.0E-5]}
diff --git a/resources/public/options/options.css b/resources/public/options/options.css
index 01d651d..9d3a01d 100644
--- a/resources/public/options/options.css
+++ b/resources/public/options/options.css
@@ -13,7 +13,7 @@
display: grid;
gap: "1rem";
grid-template-columns: repeat(auto-fit, 100px 200px ); /* minmax(200px,1fr) */
- grid-template-rows: repeat(auto-fill, 30px);
+ grid-template-rows: repeat(14px);
grid-auto-flow: row;
}
diff --git a/src/options/core.cljs b/src/options/core.cljs
index be44497..c4bea44 100644
--- a/src/options/core.cljs
+++ b/src/options/core.cljs
@@ -26,7 +26,12 @@
(defn create-edit-element [{:keys [set-fn get-fn]} {:keys [path name type] :as options}]
(let [editor (get-editor type)]
[:<>
- [:span name] ;
+ [:span
+ {:style {:text-overflow "ellipsis"
+ :overflow "hidden"
+ :display "inline-block"}}
+
+ name] ;
[editor {:set-fn (partial set-fn path)
:options options}
(get-fn path)]]))