/* Backstage does not support very specific customization 
with the theming options provided.
That is why some changes can only be made in this way.
*/

/*
This will hide the "try out" and "Authorize" button in the swagger UI and the "execute" button for GraphQL.
We are doing this here because there is no easy way to do it
in baseplate. Maybe later when we get more experience 
we will create a fix for it. https://legogroup.atlassian.net/browse/BASE-187
*/

:root {
  --page-horizontal-padding: 2rem;
}

@media screen and (max-width: 1000px) {
  :root {
    --page-horizontal-padding: 1.5rem;
  }
}

.narrow-layout {
  max-width: 768px;
  margin: 0 auto;
}

.swagger-ui .try-out > .try-out__btn {
  visibility: hidden;
}
.swagger-ui .auth-wrapper > .authorize {
  visibility: hidden;
}
.swagger-ui .wrapper .authorization__btn {
  display: none;
}
.swagger-ui .wrapper .opblock-summary-control {
  padding-right: 20px;
}
.graphiql-container .execute-button-wrap {
  visibility: hidden;
}

.MuiInputAdornment-root.MuiInputAdornment-positionEnd {
  visibility: hidden;
}

[class*='makeStyles-codeMirror-'] {
  position: relative !important;
}

.narrow-layout {
  max-width: 800px;
  margin: 0 auto;
}