♿️ Rend les liens retour accessibles en zoom 200%

En cas d'écran trop étroit ou de zoom 200%, les liens se retrouvaient en
dehors de l'écran.
Ils sont maintenant dans le haut du panel

app/assets/stylesheets/admin/composants/_liens.scss

@@ -14,18 +14,18 @@
   @include lien($couleur-texte);
 }
 
-.lien-retour {
+#login a.lien-retour, a.lien-retour {
   @include texte-xs();
 
   align-items: center;
   display: flex;
   border: none;
   padding: .25rem .5rem;
-  margin-right: 0.5rem;
 
   &, &:link, &:visited {
     color: $couleur-texte;
     text-decoration: none;
+    margin-bottom: 1rem;
   }
 
   &::before {

app/assets/stylesheets/admin/composants/_panels.scss

@@ -9,6 +9,7 @@ body.logged_out #content_wrapper #active_admin_content {
   @include carte-avec-ombre();
   padding: 1.5rem;
   margin-bottom: 1.5rem;
+  max-width: 100vw;
 
   > h3, .titre {
     @include titre-carte();

app/assets/stylesheets/admin/pages/login/_structures.scss

@@ -1,20 +1,28 @@
 .index {
-  .lien-retour {
-    position: absolute;
-    left: -8.5rem;
+  @media (min-width: 760px) {
+    .lien-retour {
+      position: absolute;
+      left: -8.5rem;
+    }
   }
 }
 
 .new, .edit, .show, .create, .update {
-  .lien-retour {
-    position: absolute;
-    left: -8.5rem;
+  #content_wrapper:not(.conteneur-elargi) {
+    @media (min-width: 760px) {
+      .lien-retour {
+        position: absolute;
+        left: -8.5rem;
+      }
+    }
   }
 
   .conteneur-elargi {
-    .lien-retour {
-      position: absolute;
-      left: -13rem;
+    @media (min-width: 1040px) {
+      .lien-retour {
+        position: absolute;
+        left: -13rem;
+      }
     }
   }
 }