Skip to content

Commit fbf2eb4

Browse files
SubaashNairSubaashNair
committed
docs: refine navigation bar layout and spacing
- Reduce navigation bar width to 1140px max-width for cleaner appearance - Remove me-auto from navbar-nav and add ms-auto to button container - Center GitHub text in button by using span wrapper instead of me-1 class - Improve navigation spacing with better padding and margins - Move logo and nav items to left, GitHub and Install buttons to right - Apply consistent navigation layout across all HTML pages - Enhanced button styling with proper alignment and spacing
1 parent c02b4e8 commit fbf2eb4

File tree

6 files changed

+68
-25
lines changed

6 files changed

+68
-25
lines changed

‎docs/api-reference.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
</button>
3030

3131
<div class="collapse navbar-collapse" id="navbarNav">
32-
<ul class="navbar-nav me-auto">
32+
<ul class="navbar-nav">
3333
<li class="nav-item">
3434
<a class="nav-link" href="index.html">Home</a>
3535
</li>
@@ -47,12 +47,14 @@
4747
</li>
4848
</ul>
4949

50-
<div class="d-flex">
51-
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary me-2">
52-
<i class="fab fa-github me-1"></i>GitHub
50+
<div class="d-flex ms-auto">
51+
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary">
52+
<i class="fab fa-github"></i>
53+
<span>GitHub</span>
5354
</a>
5455
<a href="https://pypi.org/project/statclean/" class="btn btn-primary">
55-
<i class="fas fa-download me-1"></i>Install
56+
<i class="fas fa-download"></i>
57+
<span>Install</span>
5658
</a>
5759
</div>
5860
</div>

‎docs/assets/css/style.css‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,12 +33,21 @@ body {
3333
.navbar {
3434
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
3535
background: white !important;
36+
padding: 0.5rem 0;
37+
}
38+
39+
.navbar .container {
40+
max-width: 1140px;
41+
padding-left: 1rem;
42+
padding-right: 1rem;
3643
}
3744

3845
.nav-link {
3946
font-weight: 500;
4047
color: var(--gray-600) !important;
4148
transition: color 0.3s ease;
49+
padding: 0.5rem 0.75rem !important;
50+
margin: 0 0.25rem;
4251
}
4352

4453
.nav-link:hover {
@@ -50,6 +59,30 @@ body {
5059
font-weight: 600;
5160
}
5261

62+
/* Navigation buttons */
63+
.navbar .btn {
64+
padding: 0.375rem 1rem;
65+
font-size: 0.875rem;
66+
font-weight: 500;
67+
margin-left: 0.5rem;
68+
display: inline-flex;
69+
align-items: center;
70+
justify-content: center;
71+
}
72+
73+
.navbar .btn i {
74+
margin-right: 0.5rem;
75+
}
76+
77+
/* Ensure proper spacing between nav items and buttons */
78+
.navbar-nav {
79+
margin-right: auto;
80+
}
81+
82+
.navbar .d-flex {
83+
gap: 0.5rem;
84+
}
85+
5386
/* Hero Section */
5487
.hero-section {
5588
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);

‎docs/examples.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
</button>
3030

3131
<div class="collapse navbar-collapse" id="navbarNav">
32-
<ul class="navbar-nav me-auto">
32+
<ul class="navbar-nav">
3333
<li class="nav-item">
3434
<a class="nav-link" href="index.html">Home</a>
3535
</li>
@@ -47,12 +47,14 @@
4747
</li>
4848
</ul>
4949

50-
<div class="d-flex">
51-
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary me-2">
52-
<i class="fab fa-github me-1"></i>GitHub
50+
<div class="d-flex ms-auto">
51+
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary">
52+
<i class="fab fa-github"></i>
53+
<span>GitHub</span>
5354
</a>
5455
<a href="https://pypi.org/project/statclean/" class="btn btn-primary">
55-
<i class="fas fa-download me-1"></i>Install
56+
<i class="fas fa-download"></i>
57+
<span>Install</span>
5658
</a>
5759
</div>
5860
</div>

‎docs/index.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
</button>
2929

3030
<div class="collapse navbar-collapse" id="navbarNav">
31-
<ul class="navbar-nav me-auto">
31+
<ul class="navbar-nav">
3232
<li class="nav-item">
3333
<a class="nav-link active" href="index.html">Home</a>
3434
</li>
@@ -46,12 +46,14 @@
4646
</li>
4747
</ul>
4848

49-
<div class="d-flex">
50-
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary me-2">
51-
<i class="fab fa-github me-1"></i>GitHub
49+
<div class="d-flex ms-auto">
50+
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary">
51+
<i class="fab fa-github"></i>
52+
<span>GitHub</span>
5253
</a>
5354
<a href="https://pypi.org/project/statclean/" class="btn btn-primary">
54-
<i class="fas fa-download me-1"></i>Install
55+
<i class="fas fa-download"></i>
56+
<span>Install</span>
5557
</a>
5658
</div>
5759
</div>

‎docs/installation.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
</button>
3030

3131
<div class="collapse navbar-collapse" id="navbarNav">
32-
<ul class="navbar-nav me-auto">
32+
<ul class="navbar-nav">
3333
<li class="nav-item">
3434
<a class="nav-link" href="index.html">Home</a>
3535
</li>
@@ -47,12 +47,14 @@
4747
</li>
4848
</ul>
4949

50-
<div class="d-flex">
51-
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary me-2">
52-
<i class="fab fa-github me-1"></i>GitHub
50+
<div class="d-flex ms-auto">
51+
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary">
52+
<i class="fab fa-github"></i>
53+
<span>GitHub</span>
5354
</a>
5455
<a href="https://pypi.org/project/statclean/" class="btn btn-primary">
55-
<i class="fas fa-download me-1"></i>Install
56+
<i class="fas fa-download"></i>
57+
<span>Install</span>
5658
</a>
5759
</div>
5860
</div>

‎docs/statistical-methods.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
</button>
3131

3232
<div class="collapse navbar-collapse" id="navbarNav">
33-
<ul class="navbar-nav me-auto">
33+
<ul class="navbar-nav">
3434
<li class="nav-item">
3535
<a class="nav-link" href="index.html">Home</a>
3636
</li>
@@ -48,12 +48,14 @@
4848
</li>
4949
</ul>
5050

51-
<div class="d-flex">
52-
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary me-2">
53-
<i class="fab fa-github me-1"></i>GitHub
51+
<div class="d-flex ms-auto">
52+
<a href="https://github.com/SubaashNair/StatClean" class="btn btn-outline-primary">
53+
<i class="fab fa-github"></i>
54+
<span>GitHub</span>
5455
</a>
5556
<a href="https://pypi.org/project/statclean/" class="btn btn-primary">
56-
<i class="fas fa-download me-1"></i>Install
57+
<i class="fas fa-download"></i>
58+
<span>Install</span>
5759
</a>
5860
</div>
5961
</div>

0 commit comments

Comments
 (0)