html, body {
  min-height: 100%;
  height: 100%;
}

.fill {
  height: calc(100vh - 100px);
}

body {
  padding-top: 60px; /* space for the top nav bar */
  margin-right: 30px;
}

#userHubs {
  overflow: auto;
  width: 100%;
  height: calc(100vh - 150px);
}

#forgeViewer {
  width: 100%;
  height: calc(100vh - 200px);
}

#webhooks{
  height: 50px;
}

#monitoredFoldersPanel {
  margin: 5px;
}

#monitoredFoldersContent {
  max-height: 600px;
  overflow-y: auto;
  padding: 8px;
}

.monitored-folders-table {
  margin-bottom: 0;
}

.monitored-folder-id,
.monitored-callback {
  max-width: 260px;
  overflow-wrap: anywhere;
}

.monitored-folder-actions {
  white-space: nowrap;
}

.monitored-folder-actions .btn {
  margin-bottom: 3px;
}