Feature #19097 » 0007-Align-watchers-area-well-in-mobile-menu.patch
public/stylesheets/responsive.css | ||
---|---|---|
411 | 411 |
list-style: none; |
412 | 412 |
} |
413 | 413 | |
414 |
.flyout-menu #watchers |
|
415 |
{ |
|
416 |
display: -webkit-flex; |
|
417 |
display: -ms-flexbox; |
|
418 |
display: -webkit-box; |
|
419 |
display: flex; |
|
420 |
flex-direction: column; |
|
421 | ||
422 |
-webkit-flex-direction: column; |
|
423 |
-ms-flex-direction: column; |
|
424 |
-webkit-box-orient: vertical; |
|
425 |
-webkit-box-direction: normal; |
|
426 |
} |
|
427 | ||
428 |
.flyout-menu #watchers .contextual |
|
429 |
{ |
|
430 |
-webkit-box-ordinal-group: 4; |
|
431 |
-webkit-order: 3; |
|
432 |
-ms-flex-order: 3; |
|
433 |
order: 3; |
|
434 |
} |
|
435 | ||
436 |
.flyout-menu #watchers h3 |
|
437 |
{ |
|
438 |
margin-left: -8px; |
|
439 |
} |
|
440 | ||
441 |
.flyout-menu #watchers ul li |
|
442 |
{ |
|
443 |
display: -webkit-flex; |
|
444 |
display: -ms-flexbox; |
|
445 |
display: -webkit-box; |
|
446 |
display: flex; |
|
447 |
flex-direction: row; |
|
448 | ||
449 |
-webkit-flex-direction: row; |
|
450 |
-ms-flex-direction: row; |
|
451 |
-webkit-box-orient: horizontal; |
|
452 |
-webkit-box-direction: normal; |
|
453 |
-webkit-align-items: center; |
|
454 |
-ms-flex-align: center; |
|
455 |
-webkit-box-align: center; |
|
456 |
align-items: center; |
|
457 |
} |
|
458 | ||
414 | 459 |
.flyout-menu ul li a |
415 | 460 |
{ |
416 | 461 |
line-height: 40px; |