improve button styling

Hunter
Thursday, February 5th, 2026 at 1:59 PM


resources/editor.css+8-11
resources/editor.css
240  	padding: 0;
241  	cursor: pointer;
242  	font-size: 18px;
    -	transition: background 0.2s, opacity 0.2s, color 0.2s, box-shadow 0.2s;
243 +	transition: opacity 0.2s, filter 0.2s;
244 +	-webkit-tap-highlight-color: transparent;
245  	display: flex;
246  	align-items: center;
247  	justify-content: center;

253  		inset 0 -1px 1px rgba(0, 0, 0, 0.08);
254  }
255  
    -.spread-nav button:hover:not(:disabled) {
    -	background:
    -		linear-gradient(to bottom, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.2));
256 +@media (hover: hover) {
257 +	.spread-nav button:hover:not(:disabled) {
258 +		opacity: 1;
259 +		filter: brightness(1.15);
260 +	}
261  }
262  
263  .spread-nav button:disabled {
    -	background:
    -		linear-gradient(to bottom, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    -	color: rgba(255, 255, 255, 0.3);
264 +	opacity: 0.25;
265  	cursor: default;
    -	box-shadow:
    -		0 1px 2px rgba(0, 0, 0, 0.15),
    -		inset 0 1px 0 rgba(255, 255, 255, 0.06),
    -		inset 0 -1px 1px rgba(0, 0, 0, 0.04);
266  }
267  
268  #spreadIndicator {