| @@ -49,19 +49,9 @@ | ||
| 49 | 49 | .wpda-navi-container-header-title { |
| 50 | 50 | display: grid; |
| 51 | 51 | grid-template-columns: 1fr 296px; |
| 52 | 52 | } |
| 53 | -@media screen and (max-width: 800px) { | |
| 54 | - .wpda-navi-container-header-title { | |
| 55 | - display: grid; | |
| 56 | - grid-template-columns: 1fr; | |
| 57 | - } | |
| 58 | 53 | |
| 59 | - .wpda-navi-container-header-image { | |
| 60 | - display: none; | |
| 61 | - } | |
| 62 | -} | |
| 63 | - | |
| 64 | 54 | .wpda-navi-container-header h1, |
| 65 | 55 | .wpda-navi-container-header h2 { |
| 66 | 56 | color: #fff; |
| 67 | 57 | line-height: 1.2; |
| @@ -282,16 +272,8 @@ | ||
| 282 | 272 | grid-template-rows: auto auto auto; |
| 283 | 273 | padding: 20px; |
| 284 | 274 | } |
| 285 | 275 | |
| 286 | - /*.wpda-navi-container-content-items .wpda-navi-container-content-item .wpda-navi-container-content-item-facts {*/ | |
| 287 | - /* display: none;*/ | |
| 288 | - /*}*/ | |
| 289 | - | |
| 290 | - .wpda-navi-container-content-items .wpda-navi-container-content-item .wpda-navi-container-content-item-facts.whats-new { | |
| 291 | - max-height: 70px !important; | |
| 292 | - } | |
| 293 | - | |
| 294 | 276 | .wpda-navi-container-content-items .wpda-navi-container-content-item .switch-grid { |
| 295 | 277 | grid-template-columns: 1fr; |
| 296 | 278 | } |
| 297 | 279 | |
| @@ -310,14 +292,33 @@ | ||
| 310 | 292 | } |
| 311 | 293 | } |
| 312 | 294 | |
| 313 | 295 | @media screen and (max-width: 800px) { |
| 296 | + .wpda-navi-container-header-title { | |
| 297 | + display: grid; | |
| 298 | + grid-template-columns: 1fr; | |
| 299 | + } | |
| 300 | + | |
| 301 | + .wpda-navi-container-header-image { | |
| 302 | + display: none; | |
| 303 | + } | |
| 304 | + | |
| 314 | 305 | .wpda-navi-container-content-items, |
| 315 | 306 | .wpda-navi-container-content-item.wpda-hot-topics .wpda-navi-container-content-item-facts { |
| 316 | 307 | grid-template-columns: 1fr; |
| 317 | 308 | } |
| 309 | + | |
| 310 | + .wpda-navi-container-content-item-content-grid { | |
| 311 | + grid-template-columns: 1fr; | |
| 312 | + } | |
| 318 | 313 | } |
| 319 | 314 | |
| 315 | +@media screen and (max-width: 500px) { | |
| 316 | + #wpda-legacy-tool-settings a span { | |
| 317 | + width: min-content; | |
| 318 | + } | |
| 319 | +} | |
| 320 | + | |
| 320 | 321 | #wpda-legacy-tool-settings { |
| 321 | 322 | position: relative; |
| 322 | 323 | } |
| 323 | 324 | |
| @@ -337,32 +338,38 @@ | ||
| 337 | 338 | background-color: white; |
| 338 | 339 | padding: 30px; |
| 339 | 340 | } |
| 340 | 341 | |
| 342 | +#wpda-legacy-tool-settings-panel table { | |
| 343 | + width: 100%; | |
| 344 | +} | |
| 345 | + | |
| 341 | 346 | #wpda-legacy-tool-settings-panel table th, |
| 342 | 347 | #wpda-legacy-tool-settings-panel table td { |
| 343 | 348 | white-space: nowrap; |
| 344 | - padding-right: 20px; | |
| 345 | 349 | } |
| 346 | 350 | |
| 347 | -#wpda-legacy-tool-settings-panel table th:last-of-type, | |
| 348 | -#wpda-legacy-tool-settings-panel table td:last-of-type { | |
| 349 | - padding-right: 0; | |
| 351 | +#wpda-legacy-tool-settings-panel table th.label, | |
| 352 | +#wpda-legacy-tool-settings-panel table td.label{ | |
| 353 | + text-align: left; | |
| 350 | 354 | } |
| 351 | 355 | |
| 352 | 356 | #wpda-legacy-tool-settings-panel table th.items, |
| 353 | 357 | #wpda-legacy-tool-settings-panel table td.items { |
| 354 | 358 | text-align: right; |
| 359 | + display: none; | |
| 360 | + padding-right: 0; | |
| 355 | 361 | } |
| 356 | 362 | |
| 357 | 363 | #wpda-legacy-tool-settings-panel table th.status, |
| 358 | 364 | #wpda-legacy-tool-settings-panel table td.status { |
| 359 | - text-align: center; | |
| 365 | + text-align: right; | |
| 360 | 366 | } |
| 361 | 367 | |
| 362 | 368 | #wpda-legacy-tool-settings-submit { |
| 363 | 369 | margin-top: 15px; |
| 364 | 370 | text-align: right; |
| 371 | + white-space: nowrap; | |
| 365 | 372 | } |
| 366 | 373 | |
| 367 | 374 | #wpda-legacy-tool-settings-submit button { |
| 368 | 375 | padding: 5px 10px; |
| @@ -403,5 +410,5 @@ | ||
| 403 | 410 | color: #4399fa; |
| 404 | 411 | } |
| 405 | 412 | a.whatsnew:hover { |
| 406 | 413 | color: #ff9f1c; |
| 407 | -} | |
| 414 | +} | |