Fix Property.tsx

aelassas · Sep 16, 2024 · a153b5d · a153b5d
1 parent 8a4ffe1
commit a153b5d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/frontend/src/assets/css/property.css b/frontend/src/assets/css/property.css
@@ -119,63 +119,63 @@ div.main div.property div.right-panel div.price {
   white-space: nowrap;
 }
 
-div.main div.footer {
+div.main div.property-footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 
-div.main div.footer form.action {
+div.main div.property-footer form.action {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   margin-top: 20px;
 }
 
-div.main div.footer form.action .from {
+div.main div.property-footer form.action .from {
   margin-right: 5px;
 }
 
-div.main div.footer form.action .to {
+div.main div.property-footer form.action .to {
   margin-right: 7px;
 }
 
-div.main div.footer form.action .btn-book {
+div.main div.property-footer form.action .btn-book {
   margin: 1px;
 }
 
-div.main div.footer form.action .button {
+div.main div.property-footer form.action .button {
   width: 100%;
   height: 38px;
 }
 
-div.main div.footer div.agency {
+div.main div.property-footer div.agency {
   display: flex;
   align-items: center;
 }
 
 @media only screen and (width <=960px) {
-  div.main div.footer {
+  div.main div.property-footer {
     flex-direction: column;
     justify-content: flex-start;
   }
 
-  div.main div.footer form.action {
+  div.main div.property-footer form.action {
     flex-direction: column;
     justify-content: flex-end;
     margin-top: 20px;
   }
 
-  div.main div.footer form.action .from {
+  div.main div.property-footer form.action .from {
     margin-right: 0;
   }
 
-  div.main div.footer form.action .to {
+  div.main div.property-footer form.action .to {
     margin-top: 10px;
     margin-right: 0;
   }
 
-  div.main div.footer form.action .btn-book {
+  div.main div.property-footer form.action .btn-book {
     margin-top: 10px;
     min-height: 56px !important;
     font-size: 1.1em;

diff --git a/frontend/src/pages/Property.tsx b/frontend/src/pages/Property.tsx
@@ -167,7 +167,7 @@ const Property = () => {
                 <div dangerouslySetInnerHTML={{ __html: property.description }} />
               </div>
 
-              <div className="footer">
+              <div className="property-footer">
                 <AgencyBadge agency={property.agency} />
 
                 {