diff --git a/app/assets/stylesheets/alt_styles/edit.sass b/app/assets/stylesheets/alt_styles/edit.sass index d1398948..c43dee80 100644 --- a/app/assets/stylesheets/alt_styles/edit.sass +++ b/app/assets/stylesheets/alt_styles/edit.sass @@ -2,54 +2,3 @@ width: 300px height: 300px margin: 0 auto - -.alt-style-form - display: flex - flex-direction: column - gap: 1em - align-items: flex-start - - fieldset - width: 100% - display: grid - grid-template-columns: auto 1fr - align-items: center - gap: 1em - - > *:nth-child(2n) - width: 40rch - max-width: 100% - box-sizing: border-box - - input[type=url] - font-size: .85em - - label - font-weight: bold - - .thumbnail-field - display: flex - align-items: center - gap: .25em - - img - width: 40px - height: 40px - - input - flex: 1 0 20ch - - .field_with_errors - display: contents - - .actions - display: flex - align-items: center - gap: 1em - - label - display: flex - align-items: center - gap: .25em - font-size: .85em - font-style: italic diff --git a/app/assets/stylesheets/application/support_form.sass b/app/assets/stylesheets/application/support_form.sass new file mode 100644 index 00000000..0db2bd0e --- /dev/null +++ b/app/assets/stylesheets/application/support_form.sass @@ -0,0 +1,50 @@ +.support-form + display: flex + flex-direction: column + gap: 1em + align-items: flex-start + + fieldset + width: 100% + display: grid + grid-template-columns: auto 1fr + align-items: center + gap: 1em + + > *:nth-child(2n) + width: 40rch + max-width: 100% + box-sizing: border-box + + input[type=url] + font-size: .85em + + label + font-weight: bold + + .thumbnail-field + display: flex + align-items: center + gap: .25em + + img + width: 40px + height: 40px + + input + flex: 1 0 20ch + + .field_with_errors + display: contents + + .actions + display: flex + align-items: center + gap: 1em + + label + display: flex + align-items: center + gap: .25em + font-size: .85em + font-style: italic