style.css

body {
	font-family: "Arial", sans-serif;
	font-size: 15px;
}

h1 {
	text-align: center;
}

body {
	padding: 16px;
}

body {
  margin: 0 10%;
}

@media (max-width: 900px) {
  body {
    margin: 0 0;
  }
}

@media (max-width: 525px) {
  #information-text {
    display: none;
  }
}

@media (max-width: 620px) {
  .gridjs-sort {
    display: none;
  }
}



h1 {
	margin: 0 0;
}

/* Reduce font and padding for both headers and cells */
.gridjs-th, .gridjs-td {
  font-size: 13px !important;    /* Smaller text */
  padding: 4px 4px !important;   /* Narrower vertical and horizontal padding */
}

/* Shrink the search bar and pagination text to match */
.gridjs-search-input, .gridjs-footer {
  font-size: 12px !important;
}

.gridjs-table {
  table-layout: auto !important;
}

.gridjs-th-sort .gridjs-th-content {
	padding-top: 4px;
}

.gridjs-tr:nth-child(even) td {
  filter: brightness(0.85);
}

svg {
	padding-right: 4px;
}

th.gridjs-th .gridjs-th-content {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: visible !important;
  white-space: nowrap !important;
}

div.gridjs-resizable {
  padding: 0px !important;
  width: 0px;
}