+ update styles button

Irina-anat · May 3, 2023 · f9c4ee8 · f9c4ee8
1 parent 2ec480d
commit f9c4ee8
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/css/styles.css b/src/css/styles.css
@@ -4,7 +4,7 @@
 
 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-color: #fafafa;
@@ -69,19 +69,18 @@ input:focus {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 50px;
-    height: 50.5px;
+    width: 51px;
+    height: 51px;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
-    border: 1px solid #ccc;
+    border: 3px solid #ccc;
     cursor: pointer;
     background-color: #feff00;
     transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .search-button:hover{
     background-color: #1165e8;  
-    border: 1px solid #ccc;
     outline: none;
 }
 
@@ -99,16 +98,15 @@ input:focus {
 
 .container{
     margin: 0 auto;
-    padding-top: 50px;
+    padding-top: 150px;
     padding-bottom: 50px;
 }
 
 .gallery {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-    gap: 20px;
-
+    gap: 20px;           
 }
 
 .photo-card {