Merge pull request #15 from OHTU-German-learning-website/master

pull

gradesa/src/app/admin/news/create/page.js

@@ -167,13 +167,13 @@ export default function CreateNewsArticle() {
         />
         {formErrors.content && <p className="error">{formErrors.content}</p>}
       </Column>
-      <label>
+      <label className="teacher-only-toggle">
         <input
           type="checkbox"
           checked={isTeacherOnly}
           onChange={(e) => setIsTeacherOnly(e.target.checked)}
         />
-        Nur für Lehrer sichtbar
+        <span>Nur für Lehrer sichtbar</span>
       </label>
       <Row
         justify={"space-between"}

gradesa/src/app/admin/news/news.css

@@ -25,3 +25,34 @@
   margin-top: 0.5rem;
   width: 100%;
 }
+
+.news-date {
+  color: var(--fg2);
+  margin: 0 0 0.75rem;
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+
+.teacher-only-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--u-2xs);
+  padding: var(--u-xs) var(--u-sm);
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--bg3);
+  background-color: var(--bg2);
+  cursor: pointer;
+  width: fit-content;
+}
+
+.teacher-only-toggle input {
+  margin: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.teacher-only-toggle span {
+  display: inline-block;
+  font-size: 0.95rem;
+  color: var(--fg1);
+}

gradesa/src/app/news/news.css

@@ -21,7 +21,7 @@
 
 .news-date {
   color: var(--fg2);
-  margin: 0;
+  margin: 0 0 0.75rem;
   font-size: 0.9rem;
   font-weight: 500;
 }

gradesa/src/app/teacher/news/news.css

@@ -29,7 +29,7 @@
 
 .news-date {
   color: var(--fg2);
-  margin: 0;
+  margin: 0 0 0.75rem;
   font-size: 0.9rem;
   font-weight: 500;
 }

gradesa/src/components/ui/sidebar/sidebar.js

@@ -189,11 +189,6 @@ const adminSidebarLinks = [
     link: "/teacher/news",
     id: "teacher-news-view",
   },
-  {
-    title: "Neuigkeiten (Verwaltung)",
-    link: "/admin/news",
-    id: "news",
-  },
   {
     title: "Übungen erstellen",
     link: "/admin/create-exercise",
@@ -209,6 +204,11 @@ const adminSidebarLinks = [
     link: "/admin/glossary",
     id: "glossary",
   },
+  {
+    title: "Neuigkeiten (Verwaltung)",
+    link: "/admin/news",
+    id: "news",
+  },
   {
     title: "Benutzer",
     link: "/admin/users",