fix the spastic buttons (#8949)

static/css/style_user_journeys.css

@@ -343,7 +343,7 @@ color:#ffffff;
 }
 
 .cards {
-padding:0% 3% 3%;
+padding:3%;
 width:80%;
  margin-left:10%;
 background-color:#ffffff;
@@ -437,7 +437,7 @@ button {
   border-radius: 5px; /* future proofing */
   -khtml-border-radius: 5px; /* for old Konqueror browsers */
   border: 2px solid #ffffff;
-  padding:2%;
+  padding: 2%;
   margin:1%;
   color:#ffffff;
   font-family: 'roboto';
@@ -445,7 +445,6 @@ button {
   text-align:center;
   letter-spacing:0.1em;
   display: inline-block;
-  width:250px;
   vertical-align:middle;
   line-height:1.3em;
 
@@ -762,22 +761,14 @@ font-size:24px;
 .docsection1 {
   background-color:white;
   font-family: 'roboto';
-  padding-top:3%;
-  padding-left:3%;
-  padding-right:3%;
   font-weight:300 !important;
   font-size:14px;
   letter-spacing:0.05em;
   line-height:22px;
   width:65%;
   margin-left:17%;
-
-}
-
-.cards .docsection1 {
-  display: block !important;
-  padding: 3% 3% 1%;
-  text-transform: none;
+  margin-top : 10%;
+  padding:4%;
 }
 
 #persona-definition {