Produits Entr'ouvert » Passerelle

(ce côté "collé au bord" a lieu aussi pour les chemins qui wrappent)

Sur l'url, si le margin-right sert à éviter une possible collusion avec `.method-name`, un `margin-right de 5.5em` est necessaire (4em + 0.75*2).
je ne sui s pas sur que le padding serve à quelque chose

@@ -212,28 +212,26 @@ ul li .type {
 @media screen and (max-width: 760px) {
     .example-url {
-        padding-right: 0;
-        margin: 0 5em 0 0;
         display: inline-block;
     }
 }

 .example-url {
     border: 0;
-    margin-right: 4.3em;
+    margin-right: 5.5em;
 }

Tu pourrais virer les bullets list sur toutes les listes enfants directement sur toutes les ul

-#endpoints > div > ul {
+#endpoints ul {
     padding: 0;
+    list-style-type: none;
 }

Positionner .method-name direct avec top et bottom plutot que d'ajouter un margin negatif et je ne sais pas à quoi sert le cursor: pointer ?

@@ -289,11 +287,9 @@ ul.get-params {
     width: 4em;
     display: inline-block;
     text-align: center;
-    margin: -1px -1px 0 0;
-    cursor: pointer;
     position: absolute;
-    right: 0;
-    top: 0;
+    right: -1px;
+    top: -1px;
 }

Et je propose aussi une amélioration des margins et paddings (voir patch joint).

Sinon, je pense que tu gagnerais en lisibilité, résolution de conflits en appliquant la convention de nommage CSS.
Par exemple sur

#endpoints > div > ul  li {
        list-style-type: none;
    margin: 1rem 0;
    position: relative;
    padding: 0.3em 0.75em;
}

Tu appliques ces styles sur toutes le balises `li` avec le poids d'un id. Mais tu es dans une structure avec beaucoup de listes imbriquées qui ont besoins de variantes graphiques.
Pour amender les styles d'un item de liste enfant, tu vas devoir surenchérir avec

#endpoints > div > ul  li li {}
//et puis
#endpoints > div > ul  li li li {}

PAr exemple, tes elements pourraient s'identifier :

#endpoints                          =>  .endpoints
#endpoints > div > ul               =>  .endpoints--list

#endpoints > div > ul > li          =>  .endpoint
#endpoints .description             =>  .endpoint--descrition 
#endpoints .long-description        =>  .endpoint--long-description
#endpoints .method-name             =>  .endpoint--method-name
#endpoints .get-method .method-name =>  .endpoint--get-method

#endpoints .params                  =>  .endpoint-params
#endpoints > div > ul li            =>  .endpoint-param
#endpoints .params .params-title    =>  .endpoint-param--title
#endpoints .params .param-name      =>  .endpoint-param--name
#endpoints .params .param-optional  =>  .endpoint-param--optional

Et si tu as besoin d'ajouter les éléments au bloc, une nouvelle class permettra de spécifier des styles sans surcharge

.entpoint-params--body-schemas