diff --git a/pairent_frontend_react/src/components/ApartmentsList/index.jsx b/pairent_frontend_react/src/components/ApartmentsList/index.jsx index db9d2b9..b9b037c 100644 --- a/pairent_frontend_react/src/components/ApartmentsList/index.jsx +++ b/pairent_frontend_react/src/components/ApartmentsList/index.jsx @@ -1,5 +1,19 @@ import React from "react"; import CardApartment from '../CardApartament'; +import styled from 'styled-components'; + +const ListElement = styled.li` + border-bottom: 1px solid; + border-image: linear-gradient(to right, transparent 33.5%, #c2c4c2 33.5%) 100% 1; + box-sizing: border-box; + list-style-type: none; + padding: 20px 0; + + & section { + margin-top: 0; + } +`; + /** * @@ -11,12 +25,16 @@ export default function ApartmentsList(props) { const list = props.list; return ( -
+
+ ) } \ No newline at end of file diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx index c4c7846..320d840 100644 --- a/pairent_frontend_react/src/pages/IndexPage/index.jsx +++ b/pairent_frontend_react/src/pages/IndexPage/index.jsx @@ -91,7 +91,7 @@ const SubmitBtn = styled.button` background: royalblue; padding: 10px; border-radius: 8px; - color: #f9f9f9;W + color: #f9f9f9; `; const SearchBarFilter = styled.div`