added some styling to help the detail page line up

diff --git a/css/app.css b/css/app.css
index 4d27a84..63e0591 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6932,7 +6932,8 @@ header {
       margin: 30px 0; } }
 
 #glm-event-wrapper h1 {
-  font-size: 1.5rem; }
+  font-size: 1.5rem;
+  padding: 0 15px; }
 #glm-event-wrapper #glm-events-search-form .button {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -7045,11 +7046,14 @@ header {
   border-color: #af194a;
   color: #FFFFFF;
   border-radius: 3px;
-  transition: background-color 300ms ease-out; }
+  transition: background-color 300ms ease-out;
+  width: 220px; }
   #glm-event-wrapper button:hover, #glm-event-wrapper button:focus {
     background-color: #af194a; }
   #glm-event-wrapper button:hover, #glm-event-wrapper button:focus {
     color: #FFFFFF; }
+#glm-event-wrapper p {
+  margin-left: 15px; }
 
 .edit-wrapper {
   position: relative;

diff --git a/scss/_main.scss b/scss/_main.scss
index 5bb7add..7ab37c5 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -202,6 +202,7 @@
 #glm-event-wrapper {
     h1 {
         font-size: 1.5rem;
+        padding: 0 15px;
     }
     #glm-events-search-form {
         .button {
@@ -263,6 +264,10 @@
                 // We can set $disabled:true to create a disabled transparent button. Default:false
                 false
               );
+        width: 220px;
+    }
+    p {
+        margin-left: 15px;
     }
 }