Enhance dark mode support by adjusting styles for inner body, footer, and button in responsive layouts

Author: MrPunyapal

src/Illuminate/Mail/resources/views/html/layout.blade.php

@@ -12,6 +12,22 @@
     filter: invert(23%) sepia(5%) saturate(531%) hue-rotate(202deg) brightness(96%) contrast(91%) !important;
 }
 }
+
+@media only screen and (max-width: 600px) {
+.inner-body {
+width: 100% !important;
+}
+
+.footer {
+width: 100% !important;
+}
+}
+
+@media only screen and (max-width: 500px) {
+.button {
+width: 100% !important;
+}
+}
 </style>
 {!! $head ?? '' !!}
 </head>