| ... | ... |
@@ -134,14 +134,14 @@ th { background-color: #f2f2f2; }
|
| 134 | 134 |
<div> |
| 135 | 135 |
<div class="flex w-full relative h-[25px] justify-center"> |
| 136 | 136 |
<div class="select-none flex justify-center"> |
| 137 |
- <div class="relative w-[325px] md:w-[370px] h-8 bg-gray-700 rounded-full cursor-pointer"> |
|
| 138 |
- <div class="absolute top-1 h-6 bg-gray-500 rounded-full transition-[transform,width] duration-200 ease-in-out left-1 w-[155px] md:w-[175px] delay-[0ms,100ms]"> |
|
| 137 |
+ <div class="relative w-[290px] md:w-[365px] h-8 bg-gray-700 rounded-full cursor-pointer"> |
|
| 138 |
+ <div class="absolute top-1 h-6 bg-gray-500 rounded-full transition-[transform,width] duration-200 ease-in-out left-0.5 md:left-1 w-[140px] md:w-[175px] delay-[0ms,100ms]"> |
|
| 139 | 139 |
</div> |
| 140 |
- <div class="absolute inset-0 flex items-center justify-between px-4 text-white text-xs md:text-sm font-mono"> |
|
| 141 |
- <span class="font-bold"> |
|
| 140 |
+ <div class="absolute inset-0 flex items-center justify-between text-white text-xs md:text-sm font-mono"> |
|
| 141 |
+ <span class="pl-2 md:pl-4 font-bold"> |
|
| 142 | 142 |
Most Total Savings |
| 143 | 143 |
</span> |
| 144 |
- <span class=""> |
|
| 144 |
+ <span class="pr-1 md:pr-3"> |
|
| 145 | 145 |
Least Total Savings |
| 146 | 146 |
</span> |
| 147 | 147 |
</div> |