add margin / padding helpers

Author: OpenHypervideo

src/_shared/styles/generic.css

@@ -498,6 +498,66 @@ input:checked + .slider:before {
     padding-left: 0 !important;
 }
 
+.m-1 {
+    margin: 10px !important;
+}
+
+.mx-1 {
+    margin-left: 10px !important;
+    margin-right: 10px !important;
+}
+
+.my-1 {
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
+}
+
+.mt-1 {
+    margin-top: 10px !important;
+}
+
+.mr-1 {
+    margin-right: 10px !important;
+}
+
+.mb-1 {
+    margin-bottom: 10px !important;
+}
+
+.ml-1 {
+    margin-left: 10px !important;
+}
+
+.p-1 {
+    padding: 10px !important;
+}
+
+.py-1 {
+    padding-top: 10px !important;
+    padding-bottom: 10px !important;
+}
+
+.px-1 {
+    padding-left: 10px !important;
+    padding-right: 10px !important;
+}
+
+.pt-1 {
+    padding-top: 10px !important;
+}
+
+.pr-1 {
+    padding-right: 10px !important;
+}
+
+.pb-1 {
+    padding-bottom: 10px !important;
+}
+
+.pl-1 {
+    padding-left: 10px !important;
+}
+
 /* Tags */
 
 .tagItem, .typeItem, .userItem {