Stack form labels / elements about laravel-nova-theme-responsive HOT 6 CLOSED

Before	After

from laravel-nova-theme-responsive.

@dillingham I have pushed to master your solution with some adds for trix editor, but I still have to test others fields types

from laravel-nova-theme-responsive.

@gregoriohc this should do the trick

.card > form > div > .flex {
    display: block; 
}
.card > form > div > .flex > .w-1\/5,
.card > form > div > .flex > .w-1\/2 {
    width: 100%;
    display: block;
}

.card > form > div > .flex > .py-6 {
    padding-top: 1rem;
    padding-bottom: 0;
}

.card > form > div > .flex > .py-6 + .py-6 {
    padding-bottom: 1rem;
}

from laravel-nova-theme-responsive.

Haven't tested with all input types, may need tweaks with file upload trix etc

from laravel-nova-theme-responsive.

@gregoriohc awesome!

from laravel-nova-theme-responsive.

@gregoriohc here's a gist of all input types for easy testing

https://gist.github.com/dillingham/8fe1432275c44a6b40b8450860ef86e8

from laravel-nova-theme-responsive.