| ... |
... |
@@ -558,7 +558,7 @@ button.spoof-button-disabled { |
|
558
|
558
|
". invites button" min-content
|
|
559
|
559
|
/ min-content 1fr max-content;
|
|
560
|
560
|
align-items: start;
|
|
561
|
|
- gap: 0 8px;
|
|
|
561
|
+ gap: 8px;
|
|
562
|
562
|
}
|
|
563
|
563
|
|
|
564
|
564
|
.tor-bridges-lox-image-outer {
|
| ... |
... |
@@ -620,6 +620,7 @@ button.spoof-button-disabled { |
|
620
|
620
|
/* Align the icons, as if list markers. */
|
|
621
|
621
|
grid-template-columns: max-content 1fr;
|
|
622
|
622
|
align-items: start;
|
|
|
623
|
+ gap: 8px 0;
|
|
623
|
624
|
}
|
|
624
|
625
|
|
|
625
|
626
|
.tor-bridges-lox-list-item {
|
| ... |
... |
@@ -628,16 +629,15 @@ button.spoof-button-disabled { |
|
628
|
629
|
|
|
629
|
630
|
.tor-bridges-lox-list-item::before {
|
|
630
|
631
|
/* We use ::before rather than list-style-image to have more control. */
|
|
631
|
|
- display: block;
|
|
632
|
632
|
box-sizing: content-box;
|
|
633
|
633
|
width: 18px;
|
|
634
|
634
|
height: 18px;
|
|
635
|
635
|
margin-inline: 4px 6px;
|
|
636
|
636
|
/* We want the icons to be center-aligned relative to the *first* line. */
|
|
637
|
|
- /* TODO: After firefox 120, can use line-height unit "lh" to do proper
|
|
638
|
|
- * center-alignment: calc((1lh - 18px) / 2)
|
|
639
|
|
- * For now, we use 3.4ex as an approximation for 1lh */
|
|
640
|
|
- margin-block-start: calc((3.4ex - 18px) / 2);
|
|
|
637
|
+ margin-block-start: calc((1lh - 18px) / 2);
|
|
|
638
|
+ /* We use display: grid rather than display: block. Otherwise the content will
|
|
|
639
|
+ * be offset vertically by the line-height. */
|
|
|
640
|
+ display: grid;
|
|
641
|
641
|
/* fill is the icon color, stroke is the border color. */
|
|
642
|
642
|
-moz-context-properties: fill, stroke;
|
|
643
|
643
|
fill: var(--in-content-icon-color);
|