Made Control Panel tab visible on mobile

Issue: #59
uclaacm · Oct 10, 2018 · 2f0b117 · 2f0b117
1 parent 0c8a9a2
commit 2f0b117
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/ControlPanel/style.scss b/src/components/ControlPanel/style.scss
@@ -68,4 +68,8 @@
 			padding: 5px 0px;
 		}
 	}
+	@media (max-width: 700px) {
+		margin-left: 0px;
+		margin-top: 30px;
+	}
 }
diff --git a/src/components/Topbar/index.js b/src/components/Topbar/index.js
@@ -22,6 +22,7 @@ export default class Topbar extends React.Component {
 					<NavLink to="/events" activeClassName="selected"><NavigationItem icon="fa-calendar" text="Events" /></NavLink>
 					<NavLink to="/leaderboard" activeClassName="selected"><NavigationItem icon="fa-list" text="Members" /></NavLink>
 					<NavLink to="/resources" activeClassName="selected"> <NavigationItem icon="fa-building-o" text="Organization" /></NavLink>
+					<NavLink to="/controlpanel" activeClassName="selected"> <NavigationItem icon="fa-gamepad fa-2x" text="Control Panel" /></NavLink>
 				</div>
 				}
 			</div>