diff --git a/index.html b/index.html
index e6acabf..c12a7c4 100644
--- a/index.html
+++ b/index.html
@@ -40,22 +40,25 @@
-
-
diff --git a/src/css/style.css b/src/css/style.css
index 601bcd7..b7102e6 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -44,8 +44,9 @@ body {
/* background-color: var(--options-bgc); */
color: white;
padding: 70px;
-/* overflow: auto;
- */}
+ overflow: auto;
+ overflow-x: hidden;
+}
input::placeholder {
color: var(--dark-txt-color);
@@ -55,6 +56,7 @@ input::placeholder {
label {
color: var(--dark-txt-color);
font-size: 1.5rem;
+ align-self: center;
}
h1 {
@@ -98,11 +100,6 @@ input:focus, select:focus, .style-layout > input[type="color"]:focus {
color: var(--dark-txt-color);
}
-
-option {
- border-radius: 10px;
-}
-
input[type="radio"], input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
@@ -116,8 +113,6 @@ input[type="radio"], input[type="checkbox"] {
}
-/*checkbox*/
-
input[type="radio"]:focus, input[type="checkbox"]:focus {
border-style: none;
box-shadow: none;
@@ -134,10 +129,6 @@ input[type="radio"]:not(:checked), input[type="checkbox"]:not(:checked) {
box-shadow: none;
}
-label {
- align-self: center;
-}
-
.center-txt-vertically {
display: flex;
align-items: center;
@@ -159,7 +150,7 @@ label {
align-self: center;
}
-.style-layout {
+.style-layout, .repo-wrapper {
display: grid;
gap: 15px;
}
@@ -188,4 +179,16 @@ label {
background-color: var(--options-bgc);
overflow: auto;
overflow-x: hidden;
+}
+
+.repo-wrapper {
+ border: solid 1px var(--dark-txt-color);
+ border-radius: 6px;
+ padding: 1rem;
+ width: 20rem;
+ box-sizing: border-box;
+}
+
+.repo-wrapper > input {
+ width: 100%;
}
\ No newline at end of file