Add local application CSS class

Turbo87 · Turbo87 · commit 50762f60ae8e · 2020-03-20T17:22:38.000+01:00
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -42,15 +42,6 @@ body {
   align-items: center;
 }
 
-/* .ember-application is added by Ember after initial rendering */
-.ember-application > div,
-body > div {
-    width: 960px;
-    @media only screen and (max-width: 960px) {
-        width: 100%;
-    }
-}
-
 #noscript {
     color: white;
     padding: 10px 0;
diff --git a/app/styles/application.module.scss b/app/styles/application.module.scss
@@ -0,0 +1,6 @@
+.application {
+    width: 960px;
+    @media only screen and (max-width: 960px) {
+        width: 100%;
+    }
+}
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -3,7 +3,7 @@
 {{title "crates.io: Rust Package Registry" separator=' - ' prepend=true}}
 <GoogleJsapi />
 
-<div>
+<div local-class="application">
   <nav id="header">
     <LinkTo @route="index" @tabindex="-1">
       <img src="/assets/Cargo-Logo-Small.png" id="logo"
