Hi everyone,

Four month ago, I've Asked Liam on the fedi to add coloured square for ProtonDB status of game in bundle.

I had a bit of time recently so I did that, I hope it help, not sure about what float, margin-bottom and clear do, I copy paste a snippets from stackoverflow but I do have looked for the correct color on ProtonDB.
No sure about the black border too, maybe borderless will be better. I don't trust my taste on design through.

Amatai

 
.protonDB_native {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: green;
}
.protonDB_platinum {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(180, 199, 220);
}
.protonDB_gold {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(207, 181, 59);
}
.protonDB_silver {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(166, 166, 166);
}

.protonDB_bronze {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(205, 127, 50);
}
.protonDB_borked {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: red;
}