#RoomExitsWidgetListContainer {
  /* 
  This sets the width of the right column of the content grid, 
  where we're putting our exits widget, to 30%.
  */
  --ajs-content-grid-column-3: min( 25%, 150px );
}

/* #MyRoomExitsWidget is the widget we created in ExitWidgetLayout.js */
#MyRoomExitsWidgetList {
  overflow: hidden;
}

#MyRoomExitsWidgetList .ajs-scroll-content {
  /* apply some padding to the inside of the widget */
  padding: 10px;
}

.ajs-room-exits-container {
  /* make all buttons full column width */
  display: flex;
  flex-direction: column;
}

.ajs-exit-button {
  padding: 6px;
  margin-bottom: 6px;
  border-radius: 3px;
}

#MyRoomExitsWidgetList .ajs-exit-direction {
  font-style: normal;
}
#MyRoomExitsWidgetList .ajs-exit-preposition {
}
#MyRoomExitsWidgetList .ajs-exit-destination {
  display: block; /* breaks it onto its own line */
}