|
36 | 36 |
|
37 | 37 | /* Display size variations */ |
38 | 38 | .small-display { |
39 | | - width: 400px; |
| 39 | + width: 500px; |
| 40 | + height: 600px; |
40 | 41 | --base-font-size: 12px; |
41 | 42 | --button-height: 40px; |
42 | 43 | --button-width: 170px; |
43 | 44 | --settings-width: 200px; |
44 | 45 | } |
45 | 46 |
|
46 | 47 | .medium-display { |
47 | | - width: 500px; |
| 48 | + width: 600px; |
| 49 | + height: 700px; |
48 | 50 | --base-font-size: 14px; |
49 | 51 | --button-height: 45px; |
50 | 52 | --button-width: 190px; |
|
54 | 56 | } |
55 | 57 |
|
56 | 58 | .large-display { |
57 | | - width: 600px; |
| 59 | + width: 700px; |
| 60 | + height: 800px; |
58 | 61 | --base-font-size: 16px; |
59 | 62 | --button-height: 50px; |
60 | 63 | --button-width: 210px; |
|
197 | 200 | border: 1px solid var(--border-color); |
198 | 201 | padding: var(--spacing); |
199 | 202 | margin-bottom: var(--spacing); |
200 | | - max-height: 350px; |
| 203 | + max-height: 500px; |
201 | 204 | overflow-y: auto; |
202 | 205 | box-sizing: border-box; |
203 | 206 | font-size: var(--base-font-size); |
|
213 | 216 | padding-top: 40px; /* Space for buttons */ |
214 | 217 | } |
215 | 218 |
|
| 219 | +#fix-code-container code { |
| 220 | + padding-left: 0 !important; /* Remove left padding to fix indentation */ |
| 221 | + text-indent: 0 !important; /* Ensure no text indentation */ |
| 222 | + display: block; |
| 223 | + white-space: pre; |
| 224 | +} |
| 225 | + |
216 | 226 | /* Code action buttons */ |
217 | 227 | #fix-code-container .button-container { |
218 | 228 | display: flex; |
|
0 commit comments