diff --git a/public/css/achievement.css b/public/css/achievement.css index 6410e4b5edd5bd0b21697670606308375f9757b1..84203da66c716b9fa389b5a53d655f9199e8dfa8 100644 --- a/public/css/achievement.css +++ b/public/css/achievement.css @@ -348,12 +348,6 @@ body { color: white; } -.achievement-container .collection-upload-container { - width: 100%; - display: flex; - justify-content: center; - align-items: center; -} @keyframes fadeIn { 0% { diff --git a/public/css/collection.css b/public/css/collection.css index 84d065487cf60b9b0859f69fdbb721e91fe22722..618d215664b60fc864137653253a9869c8971c7c 100644 --- a/public/css/collection.css +++ b/public/css/collection.css @@ -38,4 +38,17 @@ height: 50px; margin-bottom: 10px; white-space: inherit; +} + +.achievement-container .collection-upload-container { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + } + +@media screen and (max-width: 768px){ + .achievement-container .collection-upload-container form { + width: 60%; + } } \ No newline at end of file diff --git a/public/css/dashboard.css b/public/css/dashboard.css index a827c008ae479647223965110225366552967943..4389c38a0b699bd3833bd84bffa1072c9851f752 100644 --- a/public/css/dashboard.css +++ b/public/css/dashboard.css @@ -1,48 +1,3 @@ -/* body { - background-color: #f2f2f2; - font-family: Arial, sans-serif; - margin: 0; - padding: 0; -} - -header { - background-color: #333; - color: #fff; - padding: 10px; -} - -.container { - max-width: 800px; - margin: 0 auto; - padding: 20px; -} - -h1 { - margin-top: 0; -} - -.user-header, -.admin-header { - display: flex; - align-items: center; -} - -.user-header a { - color: #fff; - text-decoration: none; - margin-left: 10px; -} - -.user-profile a { - display: inline-block; - align-items: end; - position: absolute; - top: 1.5%; - right: 1.5%; - color: red; - } - */ - body, h1, h2, ul, li { margin: 0; padding: 0; @@ -70,7 +25,7 @@ body { .sidebar h2 { padding: 20px; - text-align: left; + text-align: center; font-size: 24px; border-bottom: 2px solid #192e3a; margin-bottom: 20px; @@ -78,6 +33,7 @@ body { .sidebar ul { list-style-type: none; + text-align: center; padding: 0; }