Copenhagen | generation sequencing data in medical and population | Genomics library

I have a set of elements on a HStack that are composed of a circle and some label text underneath it. These elements have a separation between them.

Everything works as expected until one of the labels is bigger than the circle. Then, the text increases the actual width of the element, making the visible separation between the circles, off.

Is there any way to evenly separate the circles, ignoring the text?

I have an object with 2 properties available - timestamp and timezone, and they usually look something like this:

So i'd like to redirect the user to another page when the button is clicked according to a certain value (for example, if the value is "8", i would like the user to be redirected to the "8.html" page).

I'm using a select to make the user able to choose between the differents values (timezones here)

I tried using if instructions without any success. If anyone knows how to do so it'd help me a lot. Thanks.

Here's what i got so far :

So I've made this table, and by using Javascript, I made them clickable.

My Javascript is the following:

I have two dataframes CityDF and CityIndexDF. The CityIndexDF is the index of the columns in CityDF which I got from another computation. So 1 is Stockholm, 2 is Oslo and 3 is Copenhagen.

So, I've implemented this custom dropdown list in Vue JS (2.x) and pretty much have what I need, except once the list is open, I would like for a click outside the component (anywhere on the parent page or component) to close the list. I tried catching the blur event of the root div of my component, but it understandably didn't work, because divs don't get focus and hence cannot be blurred. So at this moment, the solution seems to be - to be able to listen for a click event outside the component. Is that possible? Can a child listen for events on its parent in Vue? If or even if not, what is the best and/or the easiest way to achieve this behavior?

Here's my code in a CodeSandbox, and I am also reproducing it below for convenience - https://codesandbox.io/s/romantic-night-ot7i8

Dropdown.vue

So I have my DateTimes in the format of 2021-01-23 20:05:03 CET or 2021-04-18 23:34:27 CEST, and want it to be converted back to UTC+0. The first will then be 2021-01-23 19:05:03 and the second would be 2021-04-18 21:34:27.

I have a function to make it from UTC+0 to CEST/CET, but how can I make it the other way?

Function

I noticed a certain oddity of local time. My app prints the log using the time class:

I have list of texts and I also have a list of entities.

The list of texts is typically in vectorized string.

The list of entities is a bit more complexed. Some entities, can be listed out exhaustively such as the list of main cities of the world. Some entities, while impossible to be listed out exhaustively, can be captured by regex pattern.