Responsiveness Overlapping Text in QuestDB/demo-page

[SyedImtiyaz-1]

Describe the bug

1. Go To = QuestDB.io/Home

2. Find "Live Demo" => Load Results

3. Go to : Mobile ratio : 310
   

4. check down at Copyright 2023 - text it's overlapping.

5. note: It is bug in every mobile devices, you can fix this from my given below method.

To reproduce

No response

Expected Behavior

No response

Environment

- **QuestDB version**:7.0.1
- **OS**:Ubuntu 20.04
- **Browser**:Firefox 93.0 (64-bit)

Additional context

I can easily fix this here is the example of that :
CSS =>

.jMkckG{
color: rgb(248, 248, 242);
font-size: inherit;
font-style: inherit;
margin-top: 10px
}

This CSS property will make the Copyright overlapping text to it's proper position.
I did this in inspect mode so you can make a proper fix using my code.

[bluestreak01]

Web Console is Open Source: https://github.com/questdb/ui/tree/main/packages/web-console

You can submit your fix there!

[SyedImtiyaz-1]

Ok, I'll fix this.

[insmac]

Hey @SyedImtiyaz-1 ,
Thanks for looking into this.

What you have proposed is changing rules in a CSS dynamically generated by Styled Components, therefore it's a solution prone to breaking. A better solution would be to extend the <Text> here:
https://github.com/questdb/ui/blob/main/packages/web-console/src/scenes/Footer/index.tsx#L112

i.e.

const FooterText = styled(Text)`
  put your rules here
`

[SyedImtiyaz-1]

• Bug Fixed - Overlapping Text (Footer) #129

Fixed

[bluestreak01]

also, while this fixes the original issue:

1. before:

2. after

This solution does have side effects.

[SyedImtiyaz-1]

Bug Fixed

• You can check now I'hv raised PR again Bug Fixed - Overlapping Text (Footer) #129

This time no issues. @bluestreak01 👍

[SyedImtiyaz-1]

@bluestreak01 Hello Sir,
Can you please assist to review the change.

• Bug Fixed - Overlapping Text (Footer) #129

[SyedImtiyaz-1]

can you please review this ? @bluestreak01