| @@ -126,8 +126,33 @@ | ||
| 126 | 126 | display: grid; |
| 127 | 127 | gap: 24px; |
| 128 | 128 | } |
| 129 | 129 | |
| 130 | +/* The secrets card explains before it offers. Same reading width as the help | |
| 131 | + texts below, for the same reason. */ | |
| 132 | +.cryptx-secrets__notice, | |
| 133 | +.cryptx-secrets__confirm { | |
| 134 | + margin: 16px 0; | |
| 135 | +} | |
| 136 | + | |
| 137 | +.cryptx-secrets__last { | |
| 138 | + color: var(--cryptx-muted, #646970); | |
| 139 | + font-size: 13px; | |
| 140 | +} | |
| 141 | + | |
| 142 | +.cryptx-secrets__confirm { | |
| 143 | + display: flex; | |
| 144 | + flex-wrap: wrap; | |
| 145 | + align-items: center; | |
| 146 | + gap: 8px; | |
| 147 | +} | |
| 148 | + | |
| 149 | +.cryptx-secrets__confirm p { | |
| 150 | + flex-basis: 100%; | |
| 151 | + margin: 0; | |
| 152 | + font-weight: 600; | |
| 153 | +} | |
| 154 | + | |
| 130 | 155 | /* The help text under a control is the reason this screen exists; keep it |
| 131 | 156 | readable rather than letting it stretch across a wide monitor. */ |
| 132 | 157 | .cryptx-field .components-base-control__help, |
| 133 | 158 | .cryptx-field .components-radio-control__option label { |
