detail.css

html {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: rgb(53, 54, 58);
}

body {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  margin: 0;
  background: rgb(53, 54, 58);
}
body.resizing::before {
  content: '';
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-shadow: #ff000077 0 0 0px 1px inset;
  pointer-events: none;
}

nav {
  position: fixed;
  width: 100%;
  height: 26px;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  border-bottom: 1px solid #222;
  padding: 0;
  background: rgb(32, 33, 36);
  color: rgb(241, 243, 244);
  opacity: 1;
  transition: opacity .2s;
}
body.nav-hidden nav {
  opacity: 0;
  /* pointer-events: none; */
}

#title-bar {
  flex-grow: 1;
  padding: 0px 5px;
  display: flex;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body:not(.nav-hidden) #title-bar {
  -webkit-app-select: none; /* <-- Add this line */
  -webkit-app-region: drag; /* <-- Add this line */
}

#close-btn {
  background: none;
  width: 40px;
  border: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  outline: none;
  user-select: none;
}
#close-btn:hover,
#close-btn:focus {
  background: #d22;
}

webview {
  flex-grow: 1;
  display: flex;
  width: 100%;
  user-select: none;
}