Moved Design section in SPFx for more visibility

Author: Linda-Editor

docs/toc.yml

@@ -136,8 +136,6 @@
         items:
         - name: Tutorial
           href: spfx/call-microsoft-graph-using-graphhttpclient.md          
-    - name: Optimize builds for production
-      href: spfx/toolchain/optimize-builds-for-production.md
     - name: Setup and deployment
       items:
       - name: Package solution
@@ -154,52 +152,53 @@
         href: spfx/sharepoint-2016-support.md
       - name: Provision SharePoint assets
         href: spfx/toolchain/provision-sharepoint-assets.md
-    - name: Design guidance
-      href: design/design-guidance-overview.md
-      items:
-      - name: Authoring pages
-        href: design/authoring-pages.md
-      - name: Design a web part
-        href: design/design-a-web-part.md
-        items:
-        - name: Reactive and nonreactive web parts
-          href: design/reactive-and-nonreactive-web-parts.md
-        - name: Responsive design
-          href: design/grid-and-responsive-design.md
-        - name: Titles and descriptions
-          href: design/web-part-titles-and-descriptions.md
-        - name: UI text
-          href: design/ui-text-for-web-parts.md
-        - name: Themes and colors
-          href: design/themes-colors.md
-        - name: Placeholders and fallbacks
-          href: design/placeholders-and-fallbacks.md
-        - name: Accessibility
-          href: design/accessibility.md
-        - name: Web part showcase
-          href: design/showcase-web-part.md
-      - name: Design considerations
-        href: spfx/web-parts/basics/design-considerations-for-web-parts.md
-      - name: Custom dialogs
-        href: spfx/extensions/guidance/using-custom-dialogs-with-spfx.md
-      - name: Work with CSS
-        href: spfx/css-recommendations.md
-      - name: Use themes
-        href: spfx/use-theme-colors-in-your-customizations.md
-      - name: Office UI Fabric integration
-        href: spfx/office-ui-fabric-integration.md
+    - name: Optimize builds for production
+      href: spfx/toolchain/optimize-builds-for-production.md        
     - name: Localization
       href: spfx/web-parts/guidance/localize-web-parts.md
     - name: Tenant properties
-      href: spfx/tenant-properties.md
-  - name: Framework architecture
-    items:
-    - name: Tools and libraries
-      href: spfx/tools-and-libraries.md
-    - name: Toolchain
-      href: spfx/toolchain/sharepoint-framework-toolchain.md
-    - name: Yeoman generator
-      href: spfx/toolchain/scaffolding-projects-using-yeoman-sharepoint-generator.md
+      href: spfx/tenant-properties.md        
+   - name: Design
+     href: design/design-guidance-overview.md
+     items:
+     - name: Design a web part
+       href: design/design-a-web-part.md
+       items:
+       - name: Reactive and nonreactive web parts
+         href: design/reactive-and-nonreactive-web-parts.md
+       - name: Responsive design
+         href: design/grid-and-responsive-design.md
+       - name: Titles and descriptions
+         href: design/web-part-titles-and-descriptions.md
+       - name: UI text
+         href: design/ui-text-for-web-parts.md
+       - name: Themes and colors
+         href: design/themes-colors.md
+       - name: Placeholders and fallbacks
+         href: design/placeholders-and-fallbacks.md
+       - name: Accessibility
+         href: design/accessibility.md
+       - name: Web part showcase
+         href: design/showcase-web-part.md
+     - name: Authoring pages
+       href: design/authoring-pages.md      
+     - name: Design considerations
+       href: spfx/web-parts/basics/design-considerations-for-web-parts.md
+     - name: Custom dialogs
+       href: spfx/extensions/guidance/using-custom-dialogs-with-spfx.md
+     - name: Work with CSS
+       href: spfx/css-recommendations.md
+     - name: Use themes
+       href: spfx/use-theme-colors-in-your-customizations.md
+     - name: Office UI Fabric integration
+       href: spfx/office-ui-fabric-integration.md
+   - name: Tools and libraries
+     href: spfx/tools-and-libraries.md
+     items:
+     - name: Toolchain
+       href: spfx/toolchain/sharepoint-framework-toolchain.md
+     - name: Yeoman generator
+       href: spfx/toolchain/scaffolding-projects-using-yeoman-sharepoint-generator.md
   - name: Debugging
     href: spfx/debug-in-vscode.md
   - name: Roadmap