Start removing tables from forms (hestiacp#2986)

* Disable default browser margin on <h1>

* Remove tables on Add Web form

* Remove tables on Edit Web form

* Improve class naming

* Tidy alerts

* Remove dead .mode-add class

* Remove tables on Add/Edit User forms

* Set role attribute on alerts

* Remove tables on Add/Edit Mail forms

* Fix formatting

* Consistently stack "hint" messages

So these inputs can eventually be full width.

* Remove tables on Add/Edit Database forms

Author: AlecRust

web/css/src/themes/default.css

@@ -196,6 +196,7 @@ body {
   background: radial-gradient(circle, rgb(102 158 231 / 100%) 0%, rgb(43 86 177 / 100%) 100%) !important;
 }
 
+h1,
 p,
 pre {
   margin: 0;
@@ -530,9 +531,8 @@ a {
 }
 
 .alert {
-  border-radius: 4px;
   box-sizing: border-box;
-  display: block;
+  border-radius: 4px;
   font-size: 0.8rem;
   font-weight: 400;
   padding: 0.8rem;
@@ -596,10 +596,6 @@ a {
   color: #fff;
 }
 
-form#vstobjects .alert {
-  width: 380px;
-}
-
 .app-list.cards {
   display: flex;
   flex-wrap: wrap;
@@ -2865,9 +2861,8 @@ a.button.cancel {
 .page-title {
   font-size: 1.4rem !important;
   font-weight: 500 !important;
-  padding-bottom: 30px !important;
+  padding-bottom: 10px !important;
   letter-spacing: -0.01em;
-  cursor: default;
 }
 
 .section-title {
@@ -3866,6 +3861,10 @@ li[aria-expanded="true"] a {
   margin-left: 10px !important;
 }
 
+.u-mb5 {
+  margin-bottom: 5px !important;
+}
+
 .u-mb10 {
   margin-bottom: 10px !important;
 }

web/css/src/themes/flat.css

@@ -168,8 +168,8 @@ strong {
 }
 
 .alert {
-  text-shadow: none !important;
-  box-shadow: none !important;
+  text-shadow: none;
+  box-shadow: none;
 }
 
 .pill.usage {

web/css/src/themes/vestia.css

@@ -237,8 +237,8 @@ strong {
 }
 
 .alert {
-  text-shadow: none !important;
-  box-shadow: none !important;
+  text-shadow: none;
+  box-shadow: none;
 }
 
 .pill.usage {