fix: osc main screen ui changes

[neel1998]

Fixes #1947

Changes:

1. Radio buttons for mic added
2. Margins between components added
3. Some text boxes aligned
4. Left control panel width reduces

Screenshot/s for the changes:

Checklist: [Please tick following check boxes with [x] if the respective task is completed]

• I have used resources from strings.xml, dimens.xml and colors.xml without hard-coding them
• No modifications done at the end of resource files strings.xml, dimens.xml or colors.xml
• I have reformatted code in every file included in this PR [CTRL+ALT+L]
• My code does not contain any extra lines or extra spaces
• I have requested reviews from other members

APK for testing: WIP
osc.zip

[mariobehling]

Please always provide a screenshot.

[neel1998]

It is still WIP. .That's why I haven't added a screenshot. Will ad when I finalize the PR

[CloudyPadmal]

Make the bottom line of CH1, CH2 channel panel align with the right side panel bottom line. Now the right side panel bottom line is a bit lowered than the channel panel

[adityastic]

Can we not give this interface a modern look? @CloudyPadmal

[CloudyPadmal]

@adityastic we can. Still the design need to have the look of a real device. Do you have any idea?

[neel1998]

@CloudyPadmal I have made the requested changes

[neel1998]

@mariobehling I have made the changes we discussed in the last meet. Please review and merge this

[adityastic]

@CloudyPadmal yes sir, I do have ideas. I shall soon provide a demo of what I intend to propose on the gitter channel 🥰

[CloudyPadmal]

@CloudyPadmal yes sir, I do have ideas. I shall soon provide a demo of what I intend to propose on the gitter channel 🥰

Nice. Looking forward to ..

[neel1998]

@CloudyPadmal can we merge this for now. And once Aditya proposes new layout we can make changes accordingly.

[neel1998]

@mariobehling can we merge this?