impress/app/assets/stylesheets/application/support-form.sass

.support-form
	display: flex
	flex-direction: column
	gap: 1em
	align-items: flex-start

	.fields
		list-style-type: none
		display: flex
		flex-direction: column
		gap: .75em
		width: 100%

		li
			display: flex
			flex-direction: column
			gap: .25em
			max-width: 60ch

			> label
				display: block
				font-weight: bold

	input[type=text], input[type=url]
		width: 100%
		min-width: 10ch
		box-sizing: border-box

	.thumbnail-input
		display: flex
		align-items: center
		gap: .25em

		img
			width: 40px
			height: 40px

	fieldset[data-type=radio]
		display: flex
		flex-direction: column
		gap: .25em

		legend
			font-weight: bold

	.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
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00			`.support-form`
			`display: flex`
			`flex-direction: column`
			`gap: 1em`
			`align-items: flex-start`

Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`.fields`
			`list-style-type: none`
			`display: flex`
			`flex-direction: column`
			`gap: .75em`
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00			`width: 100%`

Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`li`
			`display: flex`
			`flex-direction: column`
			`gap: .25em`
			`max-width: 60ch`
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00
Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`> label`
			`display: block`
			`font-weight: bold`
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00
Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`input[type=text], input[type=url]`
			`width: 100%`
			`min-width: 10ch`
			`box-sizing: border-box`
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00
Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`.thumbnail-input`
Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00			`display: flex`
			`align-items: center`
			`gap: .25em`

			`img`
			`width: 40px`
			`height: 40px`

Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`fieldset[data-type=radio]`
Add edit page for items, to set modeling status for done/glitchy items 2024-11-20 12:07:25 -08:00			`display: flex`
			`flex-direction: column`
			`gap: .25em`

Refactor support-form CSS to be more reusable layout Specifically, I'm going for a more-vertical layout, cuz I want to bring PetState over to it, and the weird grid situation wasn't gonna fit the big pose label radios. 2024-11-30 10:33:58 -08:00			`legend`
			`font-weight: bold`

Extract alt style form CSS into a new "support-form" class Gonna use this for item editing too, I think! 2024-11-20 11:16:46 -08:00			`.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`