Payment flow refined

rc-busness/assets/css/openaddress.less

@@ -16,6 +16,9 @@
          background:#f6f6f6;
      }
   }
+  .usercontshow.rc-max-width--xl{
+	  min-height:72vh;
+  }
   .useredit{
       display: none;
   }
@@ -44,12 +47,12 @@ justify-content: center;
 align-items: center;
 font-size: 16px;
 color: #FFFFFF;
+margin:0 auto;
   
   
     }
 .rc-max-width--xl{
- padding: 0px 20px 24px 20px;
- min-height: 60vh;
+ padding: 0px 20px 0px 20px;
  .rc-cat{
    margin-top: 20px;
  }
@@ -121,12 +124,17 @@ color: #FFFFFF;
 {
  
   .rc-max-width--xl{
-    margin-bottom: 80px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between
   }
+  .usercontshow{
+	  min-height: 20vh;
+	  margin-bottom: 2rem;
+	  padding-left:.5rem;
+	  padding-right:.5rem;
+  }
   .rc-button{
 
 display: none;
@@ -134,8 +142,8 @@ display: none;
 .usercontend {
   display:inline-block;
   width: 48%;
-  margin-top: 40px;
-  padding: 24px 20px;
+  //margin-bottom: 40px;
+  //padding: 24px 20px;
 }
  
   .online{
@@ -230,7 +238,7 @@ display: none;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
-       font-size: 20px;
+       font-size: .875rem;
        color: #333333;
 
      }
@@ -253,19 +261,13 @@ display: none;
 
   }
   .userdit{
-    width: 45%;
+    width: 48%;
     height: 164px;
     display: inline-block;
-    height: 164px;
-    border: 1px solid #D7D7D7;
-    border-radius: 3px;
-    margin-top: 65px;
     box-sizing: border-box;
     border: 1px solid #D7D7D7;
     border-radius: 3px;
     position: relative;
-    height: 164px;
-    box-sizing: border-box;
     margin-left: 20px;
    
   }