diff --git a/Frontend/src/components/CodeChallenge.jsx b/Frontend/src/components/CodeChallenge.jsx
index 6337ff2..c4c3b8c 100644
--- a/Frontend/src/components/CodeChallenge.jsx
+++ b/Frontend/src/components/CodeChallenge.jsx
@@ -887,9 +887,9 @@ int main() {
diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index ea8d58a..1bd6a7d 100644
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -1479,41 +1479,55 @@ body {
.editor-controls {
display: flex;
align-items: center;
+ justify-content: space-between;
gap: 12px;
+ width: 95%;
}
.language-selector {
- background-color: #3e3e42;
- color: #cccccc;
- border: 1px solid #3e3e42;
- border-radius: 4px;
- padding: 6px 12px;
- font-size: 13px;
+ background-color: transparent;
+ color: #858585;
+ border: none;
+ border-radius: 0;
+ padding: 8px 16px;
+ font-size: 14px;
+ font-weight: 500;
cursor: pointer;
outline: none;
+ transition: all 0.2s;
+ position: relative;
}
.language-selector:hover {
- background-color: #4e4e52;
+ color: #cccccc;
+ background-color: rgba(255, 255, 255, 0.05);
}
.reset-code-btn {
display: flex;
align-items: center;
- gap: 6px;
+ gap: 8px;
background-color: transparent;
- color: #cccccc;
- border: 1px solid #555555;
+ color: #858585;
+ border: none;
border-radius: 4px;
padding: 6px 12px;
- font-size: 13px;
+ font-size: 14px;
+ font-weight: 500;
cursor: pointer;
transition: all 0.2s;
+ margin-left: auto;
+}
+
+.reset-code-btn svg {
+ width: 18px;
+ height: 18px;
+ stroke-width: 2;
}
.reset-code-btn:hover {
- background-color: #3e3e42;
- border-color: #777777;
+ color: #cccccc;
+ background-color: rgba(255, 255, 255, 0.05);
}
.editor-container {