Improve look and feel

resources/views/add_article_form.blade.php

@@ -1,7 +1,7 @@
 @extends("layouts.app")
 
 @section("content")
-<h1>Добавление автора</h1>
+<h1>Добавление публикации</h1>
 <form method="POST" action="">
 	@csrf
 
@@ -18,7 +18,7 @@
 	<div>
 		<label>
 			<div>Короткое описание:</div>
-			<textarea name="description" placeholder="Если оставить это поле пустым, то короткое описание будет сгенерировано автоматически из первой строки публикации...">{{ old("description") }}</textarea>
+			<textarea name="description" class="article-description-textarea" placeholder="Если оставить это поле пустым, то короткое описание будет сгенерировано автоматически из первой строки публикации...">{{ old("description") }}</textarea>
 			@error("description")
 				<span class="alert">{{ $message }}</span>
 			@enderror
@@ -28,7 +28,7 @@
 	<div>
 		<label>
 			<div>Текст публикации:</div>
-			<textarea name="content" placeholder="Текст публикации...">{{ old("content") }}</textarea>
+			<textarea name="content" class="article-content-textarea" placeholder="Текст публикации...">{{ old("content") }}</textarea>
 			@error("content")
 				<span class="alert">{{ $message }}</span>
 			@enderror

resources/views/layouts/app.blade.php

@@ -81,11 +81,13 @@
 				padding: .2rem 0rem;
 			}
 
-			input, textarea {
+			input, textarea, select {
+				font-family: inherit;
 				font-size: inherit;
 				border: 1px solid #D0D0D0;
 				background-color: inherit;
 				color: inherit;
+				box-sizing: border-box;
 			}
 
 			.alert {
@@ -124,6 +126,15 @@
 				margin: 1rem 0;
 			}
 
+			.article-description-textarea {
+				width: 100%;
+			}
+
+			.article-content-textarea {
+				width: 100%;
+				height: 25ex;
+			}
+
 			pre {
 				overflow: scroll;
 			}