diff --git a/index.css b/index.css index 7c1467bc..ae5fa4c2 100644 --- a/index.css +++ b/index.css @@ -845,22 +845,29 @@ div.slider .ui-slider-handle { line-height: 1.6em; } -#saveDropdown { +.dropdown { + display: block; + float: left; + position: relative; +} + +.dropdown__options { display: none; position: absolute; - left: 29%; + left: 50%; top: 100%; + transform: translateX(-50%); border: 1px solid #5e4fa2; background-color: #a4879b; width: 44px; } -#saveDropdown>div { +.dropdown__options > div { padding: 2px 4px; cursor: pointer; } -#saveDropdown>div:hover { +.dropdown__options > div:hover { color: white; } diff --git a/index.html b/index.html index 755d9893..40e9780a 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ +
@@ -7,7 +8,7 @@ @@ -20,8 +21,8 @@ - - + + @@ -31,87 +32,88 @@ - - - + + + +