source/frontend/src/css/App.css [54:121]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
}

#resourceFilter {
  /* background-position: 10px 12px;  */
  /* background-repeat: no-repeat;  */
  width: 100%; /* Full-width */
  font-size: 1.2rem; /* Increase font-size */
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 1%; /* Add some space below the input */
}

#resourceFilterTable {
  /* background: #000;  */
  /* border-collapse: collapse;  */
  width: 100%; /* Full-width */
  /* border: 1px solid #ddd;  */
  font-size: 1.2rem; /* Increase font-size */
  outline: 'none';
  margin: 2% 0 0 0;
  padding: 0;
}

#resourceFilterTable th,
#resourceFilterTable td {
  text-align: left; /* Left-align text */
  padding: 0;
  margin: 50%;
  height: 40px;
  border-bottom: 1px solid #d5dbdb;
}

#resourceFilterTable tr {
  /* Add a bottom border to all table rows */
  /* border-bottom: 1px solid #ddd; */
  padding: 0;
  /* margin: 1%; */
}

#resourceFilterTable tr.header,
#resourceFilterTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  /* background: #fafafa; */
  padding: 0;
  margin: 0;
}

.resourceLinkDiv {
  /* margin: 2%; */
  padding: 0;
  /* background: #fff; */
}

.showAllResourceLink {
  font-size: 1.2rem;
  margin-left: 5vw;
  margin-bottom: 2vh;
  border: 0;
  background: none;
  position: absolute;
  right: 55px;
  color: #0073bb;
  width: fit-content;
}

.resourceLink {
  color: #0073bb;
  font-size: 1.2rem;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



source/frontend/src/index.css [52:119]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
}

#resourceFilter {
  /* background-position: 10px 12px;  */
  /* background-repeat: no-repeat;  */
  width: 100%; /* Full-width */
  font-size: 1.2rem; /* Increase font-size */
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 1%; /* Add some space below the input */
}

#resourceFilterTable { 
  /* background: #000;  */
  /* border-collapse: collapse;  */
  width: 100%; /* Full-width */
  /* border: 1px solid #ddd;  */
  font-size: 1.2rem; /* Increase font-size */
  outline: 'none';
  margin: 2% 0 0 0;
  padding: 0;
}

#resourceFilterTable th,
#resourceFilterTable td {
  text-align: left; /* Left-align text */
  padding: 0;
  margin: 50%;
  height: 40px;
  border-bottom: 1px solid #d5dbdb;
}

#resourceFilterTable tr {
  /* Add a bottom border to all table rows */
  /* border-bottom: 1px solid #ddd; */
  padding: 0;
  /* margin: 1%; */
}

#resourceFilterTable tr.header,
#resourceFilterTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  /* background: #fafafa; */
  padding: 0;
  margin: 0;
}

.resourceLinkDiv {
  /* margin: 2%; */
  padding: 0;
  /* background: #fff; */
}

.showAllResourceLink {
  font-size: 1.2rem;
  margin-left: 5vw;
  margin-bottom: 2vh;
  border: 0;
  background: none;
  position: absolute;
  right: 55px;
  color: #0073bb;
  width: fit-content;
}

.resourceLink {
  color: #0073bb;
  font-size: 1.2rem;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -